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