<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" 
  "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg width="400" height="200" xmlns="http://www.w3.org/2000/svg"
                      xmlns:xlink="http://www.w3.org/1999/xlink">
  
  <desc>Colors</desc>
  <defs>
     <linearGradient id="linear1">
		<stop offset="0%" stop-color="red"/>
		<stop offset="50%" stop-color="white"/>
		<stop offset="100%" stop-color="blue"/>
     </linearGradient>
     <linearGradient id="linear2" x1="100%" y1="0%" x2="0%" y2="100%">
		<stop offset="0%" stop-color="red"/>
		<stop offset="50%" stop-color="white"/>
		<stop offset="100%" stop-color="blue"/>
     </linearGradient>
     <linearGradient id="linear3" gradientTransform="rotate(90)">
		<stop offset="0%" stop-color="red"/>
		<stop offset="50%" stop-color="white"/>
		<stop offset="100%" stop-color="blue"/>
     </linearGradient>
     <radialGradient id="radial1">
		<stop offset="0%" stop-color="red"/>
		<stop offset="50%" stop-color="white"/>
		<stop offset="100%" stop-color="blue"/>
     </radialGradient>
     <radialGradient id="radial2" fx="225" fy="225">
		<stop offset="0%" stop-color="red"/>
		<stop offset="50%" stop-color="white"/>
		<stop offset="100%" stop-color="blue"/>
     </radialGradient>
     <radialGradient id="radial3" cx="25%" cy="25%" r="75%">
		<stop offset="0%" stop-color="red"/>
		<stop offset="50%" stop-color="white"/>
		<stop offset="100%" stop-color="blue"/>
     </radialGradient>
  
  </defs>
  
  <g>

     <!-- First row -->
     <rect x="10" y="10" height="100" width="100" stroke="black" 
                                    fill="url(#linear1)"/>
     <rect x="125" y="10" height="100" width="100" stroke="black"  
                                    fill="url(#linear2)"/>
     <rect x="240" y="10" height="100" width="100" stroke="black"  
                                    fill="url(#linear3)"/>

     <!-- Second row -->
     <rect x="10" y="125" height="100" width="100" stroke="black" 
                                    fill="url(#radial1)"/>
     <rect x="125" y="125" height="100" width="100" stroke="black" 
                                    fill="url(#radial2)"/>
     <rect x="240" y="125" height="100" width="100" stroke="black" 
                                    fill="url(#radial3)"/>

  </g>
</svg>


