Plum Perfect Gradient
Cool indigo into rich violet.
Open in the gradient generator →
Color Stops
#667EEA
#764BA2
Plum Perfect CSS Code
HEX Copy
background: #667EEA; background: linear-gradient(315deg, #667EEA 0%, #764BA2 100%);
RGBA Copy
background: rgba(102, 126, 234, 1.0); background: linear-gradient(315deg, rgba(102, 126, 234, 1.0) 0%, rgba(118, 75, 162, 1.0) 100%);
HSLA Copy
background: hsla(229, 76%, 66%, 1.0); background: linear-gradient(315deg, hsla(229, 76%, 66%, 1.0) 0%, hsla(270, 37%, 46%, 1.0) 100%);
Similar Gradients
More Gradient Presets
FAQ
What is the Plum Perfect gradient?Cool indigo into rich violet.
What's the CSS code for the Plum Perfect gradient?
Use
background: linear-gradient(315deg, #667EEA 0%, #764BA2 100%);. RGBA and HSLA versions are also available on this page.