Try it Yourself: SVG Radial Gradient

SVG Radial Gradient

<!DOCTYPE html>
<html>
<body>

<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'>
  <defs>
    <radialGradient id='glow' cx='50%' cy='50%' r='50%'>
      <stop offset='0%' stop-color='#fff6d5'/>
      <stop offset='100%' stop-color='#f2994a'/>
    </radialGradient>
  </defs>
  <circle cx='100' cy='100' r='90' fill='url(#glow)'/>
</svg>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'>
  <defs>
    <radialGradient id='glow' cx='50%' cy='50%' r='50%'>
      <stop offset='0%' stop-color='#fff6d5'/>
      <stop offset='100%' stop-color='#f2994a'/>
    </radialGradient>
  </defs>
  <circle cx='100' cy='100' r='90' fill='url(#glow)'/>
</svg>

</body>
</html>