<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>