Back to tools
CSS Gradient
Generate linear and radial CSS gradients with a live preview
About CSS Gradient
CSS Gradient lets you generate linear and radial css gradients with a live preview.
Category: Color.
Frequently asked questions
What types of CSS gradients are supported?
▾
Linear gradients (left to right, diagonal, any angle), radial gradients (circular or elliptical from a center point), and conic gradients (rotating around a center point).
How do I add multiple color stops?
▾
Add as many color stops as you need. Each stop has a color and an optional position (percentage or length). Stops without a position are distributed evenly.
Do I need to add vendor prefixes?
▾
No. The standard linear-gradient(), radial-gradient(), and conic-gradient() syntax is supported by all modern browsers without prefixes. The tool outputs the unprefixed standard syntax.