CSS gradient generator
Pick two colors and copy the code.
About this tool
Build CSS gradients - linear, radial or conic - with multiple color stops, then copy the CSS into your project.
Features
- Linear, radial and conic
- Unlimited color stops
- Angle / position controls
- CSS and Tailwind output
How to use it
- Add color stops and adjust positions.
- Pick a gradient type.
- Copy the CSS.
🔒 100% private
Everything happens inside your browser using JavaScript and WebAssembly. Your files are never uploaded to a server, never stored, and never seen by us.
Frequently asked questions
Does it support OKLCH gradients?
Yes - interpolation in OKLCH avoids muddy mid-tones common with sRGB gradients.