| <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
| <defs> |
| <filter id="f1"> |
| <feColorMatrix type="saturate" values="-100"/> |
| </filter> |
| <filter id="f2"> |
| <feColorMatrix type="saturate" values="0"/> |
| </filter> |
| <filter id="f3"> |
| <feColorMatrix type="saturate" values="1"/> |
| </filter> |
| <filter id="f4"> |
| <feColorMatrix type="saturate" values="100"/> |
| </filter> |
| <linearGradient id="gradient" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="1"> |
| <stop stop-color="rgb(238,130,238)" offset="0"/> |
| <stop stop-color="blue" offset="0.2"/> |
| <stop stop-color="lime" offset="0.4"/> |
| <stop stop-color="yellow" offset="0.6"/> |
| <stop stop-color="rgb(255,165,0)" offset="0.8"/> |
| <stop stop-color="green" offset="1"/> |
| </linearGradient> |
| </defs> |
| <rect x="10" y="10" width="100" height="100" filter="url(#f1)" fill="url(#gradient)"/> |
| <rect x="140" y="10" width="100" height="100" filter="url(#f2)" fill="url(#gradient)"/> |
| <rect x="10" y="140" width="100" height="100" filter="url(#f3)" fill="url(#gradient)"/> |
| <rect x="140" y="140" width="100" height="100" filter="url(#f4)" fill="url(#gradient)"/> |
| </svg> |