Grape Twist Gradient
Conic sweep of deep violet into soft lilac.
Open in the gradient generator →
Color Stops
#1A0033
#6A0DAD
#C77DFF
#1A0033
Grape Twist CSS Code
HEX Copy
background: #1A0033; background: conic-gradient(from 45deg, #1A0033 0%, #6A0DAD 33%, #C77DFF 67%, #1A0033 100%);
RGBA Copy
background: rgba(26, 0, 51, 1.0); background: conic-gradient(from 45deg, rgba(26, 0, 51, 1.0) 0%, rgba(106, 13, 173, 1.0) 33%, rgba(199, 125, 255, 1.0) 67%, rgba(26, 0, 51, 1.0) 100%);
HSLA Copy
background: hsla(271, 100%, 10%, 1.0); background: conic-gradient(from 45deg, hsla(271, 100%, 10%, 1.0) 0%, hsla(275, 86%, 36%, 1.0) 33%, hsla(274, 100%, 75%, 1.0) 67%, hsla(271, 100%, 10%, 1.0) 100%);
More Gradient Presets
FAQ
What is the Grape Twist gradient?Conic sweep of deep violet into soft lilac.
What's the CSS code for the Grape Twist gradient?
Use
background: conic-gradient(from 45deg, #1A0033 0%, #6A0DAD 33%, #C77DFF 67%, #1A0033 100%);. RGBA and HSLA versions are also available on this page.