| <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> |