Live Preview
Color Stops
Position:0%
Position:100%
Gradient Presets
CSS Code
How to Use
Creating Gradients
- • Choose between linear or radial gradients
- • Adjust angle for linear gradients (0-360°)
- • Add multiple color stops with custom positions
- • Use color picker or enter hex values manually
- • Preview changes in real-time
Features
- • Live preview with instant updates
- • Pre-made gradient presets to start with
- • Random gradient generator
- • Copy CSS code to clipboard
- • Download CSS file
- • Support for unlimited color stops