<svg width="4in" height="3in">

  <desc>Radial gradient example with three gradient stops

  </desc>

  <g>

    <defs>

      <radialgradient id="MyGradient">

        <gradientstop offset="0%" color="white"/>

        <gradientstop offset="50%" color="red"/>

        <gradientstop offset="100%" color="black"/>

      </radialgradient>

    </defs>

    <circle style="fill: url(#MyGradient)" r="42"/>

  </g>

</svg>