Create stunning linear and radial gradients with multiple color stops.
Generate beautiful CSS gradients with customizable colors, stops, and directions. Copy the code instantly.
All processing is done locally in your browser. No data is uploaded or stored.
Real-time preview, multiple color stops, CSS code copy, and both linear & radial gradients support.
background: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);
Color stops define where each color begins and ends in the gradient.
Yes – just copy the CSS code and paste it into your stylesheet.
Yes – completely free, no registration required.