Build a CSS gradient

Pick colours and angle, copy the CSS.

Stays on this device

Need more than one change? Chain tools together →Something not right? Tell us

Colours and angle

From

To

Angle

Preview and CSS

90°

#4f46e5 to #f43f5e

CSS background: linear-gradient(90deg, #4f46e5 0%, #f43f5e 100%);

Send this to another tool

Related tools

Hash some text — Create a SHA-1, SHA-256 or SHA-512 hash.
Make a UUID — A random unique id for code or data.
Generate a .gitignore — Pick your stack, get the file.
Generate test data — Fake names, emails and addresses as JSON, for testing.