Sunset Wheel Gradient
Conic sweep of gold through orange into deep red.
Open in the gradient generator →
Color Stops
#FFD93D
#FF8C42
#E4572E
#FFD93D
Sunset Wheel CSS Code
HEX Copy
background: #FFD93D; background: conic-gradient(from 315deg, #FFD93D 0%, #FF8C42 33%, #E4572E 67%, #FFD93D 100%);
RGBA Copy
background: rgba(255, 217, 61, 1.0); background: conic-gradient(from 315deg, rgba(255, 217, 61, 1.0) 0%, rgba(255, 140, 66, 1.0) 33%, rgba(228, 87, 46, 1.0) 67%, rgba(255, 217, 61, 1.0) 100%);
HSLA Copy
background: hsla(48, 100%, 62%, 1.0); background: conic-gradient(from 315deg, hsla(48, 100%, 62%, 1.0) 0%, hsla(23, 100%, 63%, 1.0) 33%, hsla(14, 77%, 54%, 1.0) 67%, hsla(48, 100%, 62%, 1.0) 100%);
More Gradient Presets
FAQ
What is the Sunset Wheel gradient?Conic sweep of gold through orange into deep red.
What's the CSS code for the Sunset Wheel gradient?
Use
background: conic-gradient(from 315deg, #FFD93D 0%, #FF8C42 33%, #E4572E 67%, #FFD93D 100%);. RGBA and HSLA versions are also available on this page.