Color Gradient Generator

 shades
 tints
 analogous
 complementary
 double-split-complementary
 rectangle
 split-complementary
 tetradic
 triadic
color
type
angle
harmony
steps

Colors


Type

Angle direction





Copy CSS

Click the code to copy or press CTRL + C

Generated


background: linear-gradient(45deg, #c11ceb, #6f19b5, #25007a)

HDR space

HDR oklab colors New


background: linear-gradient(45deg, oklab(60.4% 0.207 -0.19), oklab(44.9% 0.117 -0.184), oklab(28.4% 0.031 -0.168))

Fallback colors New


background: linear-gradient(45deg, #c11ceb, #6f19b5, #25007a)


Interpolation

Interpolate between two colors to create a smooth-looking color palette.

Preview



Submit feedback

We'd love to hear from you, tell us what you think about Colorffy, and what we can improve.

What's your suggestion? 💡

Optional

î©·

Create your free account

Sign up to save and like your color palettes, gradients, and more.

Sign up with

or

Already have an account? Log in

By signing up, you agree to our Terms of Service and Privacy Policy



This is a PRO feature

Get access to more export file formats, app tokens, remove ads, unlimited collections, and more.

  •  Unlimited collections New
  •  Export dark theme to .css, and .csv New
  •  App colors tokens New
  •  Download to .json, .css, .csv
  •  Download colors to .jpeg, .png, .svg
  •  Remove ads
PWA prompt