Design · copy · paste

🖌️ Gradient Maker

Drag colour stops along the bar to shape a gradient, then copy the CSS straight out. Click the bar to add a stop, drag it away to delete, double-click to recolour.

Click the bar to add a stop, drag stops to move them, drag a stop far off the bar to delete. Double-click a stop to recolor.