90°
Gradient Generator
Pick colors, adjust options, and generate CSS gradients instantly in your browser.
How to use
- Choose at least two colors.
- Select linear or radial gradient type.
- If linear is selected, adjust the angle.
- Copy the generated CSS and paste it into your project.
Live preview
Generated CSS
background: linear-gradient(90deg, #4f46e5, #06b6d4);