<!DOCTYPE html>
<svg>
<linearGradient id="g" x2="0" y2="1">
<stop offset="0" stop-color="green"/>
<stop offset="0.5" stop-color="green"/>
<stop offset="0.5" stop-color="blue"/>
<stop offset="1" stop-color="blue"/>
</linearGradient>
<g>
<text x="0" y="100" fill="url(#g)" stroke="url(#g)" stroke-width="2" font-size="72">Hello</text>
</g>
</svg>