<svg xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="dark" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" style="stop-color: navy"/>
<stop offset="1" style="stop-color: aqua"/>
</linearGradient>
<linearGradient id="dark_reverse" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" style="stop-color: aqua"/>
<stop offset="1" style="stop-color: navy"/>
</linearGradient>
<linearGradient id="light" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" style="stop-color: navy"/>
<stop offset="1" style="stop-color: aqua"/>
</linearGradient>
<linearGradient id="top_bottom" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" style="stop-color: navy" />
<stop offset="100%" style="stop-color: aqua" />
</linearGradient>
<linearGradient id="left_right" x1="0" y1="0" x2="1" y2="0">
<stop offset="0%" style="stop-color: navy" />
<stop offset="100%" style="stop-color: aqua" />
</linearGradient>
<linearGradient id="repeat" x1="0.4" y1="0.4" x2="0.5" y2="0.5"
spreadMethod="repeat">
<stop offset="0%" style="stop-color: navy" />
<stop offset="50%" style="stop-color: aqua" />
<stop offset="100%" style="stop-color: navy" />
</linearGradient>
<radialGradient id="radial">
<stop offset="0%" style="stop-color: aqua" />
<stop offset="100%" style="stop-color: navy" />
</radialGradient>
<radialGradient id="radial_off_center" fx="0.7" fy="0.7" cx="0.5" cy="0.5" r="0.4">
<stop offset="0%" style="stop-color: aqua" />
<stop offset="100%" style="stop-color: navy" />
</radialGradient>
<radialGradient id="radial_repeat" fx="0.5" fy="0.5" cx="0.6" cy="0.6" r="0.2"
spreadMethod="repeat">
<stop offset="0%" style="stop-color: navy" />
<stop offset="50%" style="stop-color: aqua" />
<stop offset="100%" style="stop-color: navy" />
</radialGradient>
</defs>
<rect width="100%" height="100%"
style="fill: url(#top_bottom) "/>
</svg>