css gradient

Build a CSS gradient.

Pick 2 to 5 colors, choose linear or radial, set the angle, and copy the CSS.

css
background: linear-gradient(135deg, #5b5bf6 0%, #ec4899 100%);

Frequently asked

Is this tool free?
Yes. The CSS gradient builder is free to use. Create as many gradients as you want and copy the CSS.
Do I need to sign up?
No. Pick your colors, adjust the angle, and copy the CSS. No account needed.
Is my data private?
All gradient CSS is generated in your browser. No data is sent to any server.
What gradient types does it support?
Linear gradients with a 0 to 360 degree angle control and radial gradients. You can use 2 to 5 color stops, and new stops are automatically placed in the largest gap for balanced distribution.