<!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 transform="scale(2 2)">
<text x="0" y="50" fill="url(#g)" stroke="url(#g)" stroke-width="2" vector-effect="non-scaling-stroke" font-size="36">Hello</text>
</g>
</svg>