<svg xmlns="http://www.w3.org/2000/svg">
    <defs>
        <linearGradient id="base-gradient" x1="0" y1="0.5" x2="0" y2="0" gradientTransform="rotate(90)">
            <stop offset="0%" stop-color="green"/>
            <stop offset="50%" stop-color="green"/>
            <stop offset="50%" stop-color="blue"/>
            <stop offset="100%" stop-color="blue"/>
        </linearGradient>
        <linearGradient id="repeat-gradient" href="#base-gradient" spreadMethod="repeat" />
        <linearGradient id="reflect-gradient" href="#base-gradient" spreadMethod="reflect" />
    </defs>
    <rect fill="url(#repeat-gradient)" width="100" height="100" />
    <rect fill="url(#reflect-gradient)" x="110" width="100" height="100" />
</svg>