CSS Radial Gradient Generator
Create CSS radial gradients with custom shapes, sizes, and positions. Build circular and elliptical gradient backgrounds. Free visual tool.
FAQ
What's the difference between circle and ellipse?
A circle gradient is always round regardless of the element's dimensions. An ellipse stretches to match the element's aspect ratio — wider elements get wider gradients. Ellipse is the default and usually looks more natural.