OrionDesk
Ctrl K
Sign in
FREE TOOL · NO SIGN-UP
Gradient generator
Design CSS gradients and copy the code instantly.
background: linear-gradient(135deg, #4577d6, #d64f8a);
Gradient stops
Colour 1
#4577d6
Colour 2
#d64f8a
Add a third colour
Angle — 135°
Copy CSS
Preview updates live · nothing is uploaded
Runs 100% in your browser — files never leave your device.
More Converters & utilities
Image converter
Image compressor
Image resizer
Background remover
QR code generator
Barcode generator
Feedback