Hey guys I'm wondering if you know of any way on how to create a circular/elliptical gradient that has many colors in HTML or CSS? Or would I have to use an image editing software like Photoshop?

  • How is this off topic? The very fact that he is wanting to do this in HTML or CSS makes it very on topic. Just because it's not typically done doesn't make it off topic.
    – Octopus
    Apr 10, 2013 at 7:09
  • @Octopus it is offtopic because it's a better question for SO than it is for webmaster.SE
    – ILikeTacos
    Apr 11, 2013 at 3:19

1 Answer 1


You could do it in SVG or VML, but cross browser compatibility will be an issue. You can look at Raphaël, a javascript library for doing just this kind of stuff. It should help with the cross-browser issues.

See the colorpicker sample, for example.

Not the answer you're looking for? Browse other questions tagged or ask your own question.