About Gradient Generator
Free online CSS gradient generator. Create linear, radial, and conic gradients with multiple color stops. Copy CSS code instantly.
Frequently Asked Questions
What types of CSS gradients are there?
CSS supports three gradient types: linear (straight line), radial (circular/elliptical from a center point), and conic (color transitions rotating around a center). Linear gradients are most commonly used.
How do I add more colors to a gradient?
Click the "Add Stop" button to add additional color stops. Each stop can have its own color and position (0-100%). More stops create more complex gradient effects.
Do I need vendor prefixes for CSS gradients?
Modern browsers support gradients without prefixes. However, for older browser support (pre-2015), you may want to include -webkit- prefixes. Our tool can generate these for you.