All tools
CSS Gradient Generator
Build linear and radial gradients with multiple color stops and a live preview, then copy the CSS.
Color stops
CSS
background: linear-gradient(90deg, #ea7a18 0%, #1a1a1a 100%);
Add as many color stops as you like and drag their positions. Stops are sorted automatically when the CSS is built. Everything runs locally.