radialGradientPercentage.svg

Enable keyboard shortcuts

<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">

  <defs>

    <radialGradient id="gradient" cx="50%" cy="50%" r="85%" fx="50%" fy="50%">

      <stop offset="0" stop-color="red"/>

      <stop offset="0.3" stop-color="blue"/>

      <stop offset="0.5" stop-color="green"/>

      <stop offset="0.6" stop-color="black"/>

    </radialGradient>

  </defs>

  <rect fill="url(#gradient)" width="200" height="200"/>

</svg>