How do I use the output?

Paste the linear-gradient(...) value straight into a CSS background property.

Yes. Choose a fixed angle or let the tool randomise the direction each time.

🌈

Random Gradient Generator

Generate ready-to-paste CSS linear gradients for buttons, headers and backgrounds. Free, no signup.

No signup100% in your browserFree forever

How many

Angle

RESULT

How do I use the output?: Paste the linear-gradient(...) value straight into a CSS background property.
Can I fix the angle?: Yes. Choose a fixed angle or let the tool randomise the direction each time.