<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <linearGradient id="base-grad" x1="0" y1="0" x2="50%" y2="0">
        <stop stop-color="rgba(0,0,255,0.5)" offset="0"/>
        <stop stop-color="rgba(0,0,255,0.5)" offset="0.5"/>
        <stop stop-color="rgba(0,255,0,0.5)" offset="0.5"/>
        <stop stop-color="rgba(0,255,0,0.5)" offset="1"/>
    </linearGradient>

    <linearGradient id="pad-grad" xlink:href="#base-grad" spreadMethod="pad" />
    <linearGradient id="pad-reflect" xlink:href="#base-grad" spreadMethod="reflect" />
    <linearGradient id="pad-repeat" xlink:href="#base-grad" spreadMethod="repeat" />

    <rect x="10" y="35" width="460" height="55" fill="url(#pad-grad)"/>

    <rect x="10" y="120" width="460" height="55" fill="url(#pad-reflect)"/>

    <rect x="10" y="205" width="460" height="55" fill="url(#pad-repeat)"/>
</svg>