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