Skip to content

Instantly share code, notes, and snippets.

@EfratVil
Last active February 16, 2018 09:47
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save EfratVil/f857fd746304c0b07c47a55aea1b70cc to your computer and use it in GitHub Desktop.
Save EfratVil/f857fd746304c0b07c47a55aea1b70cc to your computer and use it in GitHub Desktop.
Circle Gradient I

Circle Gradient

<!DOCTYPE html>
<meta charset="utf-8">
<body>
<svg width="960" height="500">
<defs>
<radialGradient id="gradient" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
<stop offset="0.0%" stop-color="#2c7bb6"></stop>
<stop offset="12.5%" stop-color="#00a6ca"></stop>
<stop offset="25.0%" stop-color="#00ccbc"></stop>
<stop offset="37.5%" stop-color="#90eb9d"></stop>
<stop offset="50.0%" stop-color="#ffff8c"></stop>
<stop offset="62.5%" stop-color="#f9d057"></stop>
<stop offset="75.0%" stop-color="#f29e2e"></stop>
<stop offset="87.5%" stop-color="#e76818"></stop>
<stop offset="100.0%" stop-color="#d7191c"></stop>
</radialGradient>
</defs>
<circle cx="200" cy="140" r="85" fill="url(#gradient)" />
</svg>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment