<!DOCTYPE html>
<html>
<meta charset="utf-8">
<body>
<svg style="border: 1px solid gray;">
  <defs>
    <linearGradient id="testGradient">
      <stop stop-color="#000000" offset="0%"/>
      <stop stop-color="#000000" offset="50%"/>
      <stop stop-color="#3dcd58" offset="50%"/>
      <stop stop-color="#ff4a4a" offset="100%"/>
    </linearGradient>
  </defs>
  <text fill="url(#testGradient)" x="50" y="50" font-weight="bold" font-size="40">
  Test gradient</text>
</svg>
</body>
</html>
