<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<radialGradient id="reference">
    <stop stop-color="blue" offset="0%"/>
    <stop stop-color="yellow" offset="50%"/>
    <stop stop-color="green" offset="100%"/>
</radialGradient>
<radialGradient cx="50%" cy="50%" r="30%" fx="50%" fy="50%" fr="0" id="grad1" xlink:href="#reference"/>
<radialGradient cx="50%" cy="50%" r="30%" fx="50%" fy="50%" fr="15%" id="grad2" xlink:href="#reference"/>
<radialGradient cx="50%" cy="50%" r="30%" fx="50%" fy="50%" fr="30%" id="grad3" xlink:href="#reference"/>
<radialGradient cx="50%" cy="50%" r="30%" fx="50%" fy="50%" fr="50%" id="grad4" xlink:href="#reference"/>
<radialGradient cx="50%" cy="50%" r="30%" fx="-2.5%" fy="50%" fr="10%" id="grad5" xlink:href="#reference"/>
<radialGradient cx="50%" cy="50%" r="30%" fx="102.5%" fy="50%" fr="10%" id="grad6" xlink:href="#reference"/>
<radialGradient cx="50%" cy="50%" r="30%" fx="50%" fy="-2.5%" fr="10%" id="grad7" xlink:href="#reference"/>
<radialGradient cx="50%" cy="50%" r="30%" fx="50%" fy="102.5%" fr="10%" id="grad8" xlink:href="#reference"/>
</defs>
<rect x="100" y="0" width="150" height="150" fill="url(#grad1)"/>
<rect x="100" y="150" width="150" height="150" fill="url(#grad2)"/>
<rect x="100" y="300" width="150" height="150" fill="url(#grad3)"/>
<rect x="100" y="450" width="150" height="150" fill="url(#grad4)"/>
<rect x="450" y="0" width="150" height="150" fill="url(#grad5)"/>
<rect x="450" y="150" width="150" height="150" fill="url(#grad6)"/>
<rect x="450" y="300" width="150" height="150" fill="url(#grad7)"/>
<rect x="450" y="450" width="150" height="150" fill="url(#grad8)"/>
</svg>