Create beautiful CSS gradients visually. Adjust colors, direction, and stops. Copy the CSS code.
Linear gradients (any angle or direction) and radial gradients (circle or ellipse). Both support unlimited color stops.
Yes — click "Add Stop" to add as many color stops as you want at any position along the gradient.
Standard CSS background property with the gradient function. It works in all modern browsers without vendor prefixes.
No. Everything runs in your browser. Nothing is sent to any server.