Sunfire Ring Gradient
Conic sweep of deep red through orange into pale gold.
Open in the gradient generator →
Color Stops
#4A0E00
#D62828
#F77F00
#FCBF49
#4A0E00
Sunfire Ring CSS Code
HEX Copy
background: #4A0E00; background: conic-gradient(from 315deg, #4A0E00 0%, #D62828 25%, #F77F00 50%, #FCBF49 75%, #4A0E00 100%);
RGBA Copy
background: rgba(74, 14, 0, 1.0); background: conic-gradient(from 315deg, rgba(74, 14, 0, 1.0) 0%, rgba(214, 40, 40, 1.0) 25%, rgba(247, 127, 0, 1.0) 50%, rgba(252, 191, 73, 1.0) 75%, rgba(74, 14, 0, 1.0) 100%);
HSLA Copy
background: hsla(11, 100%, 15%, 1.0); background: conic-gradient(from 315deg, hsla(11, 100%, 15%, 1.0) 0%, hsla(0, 69%, 50%, 1.0) 25%, hsla(31, 100%, 48%, 1.0) 50%, hsla(40, 97%, 64%, 1.0) 75%, hsla(11, 100%, 15%, 1.0) 100%);
More Gradient Presets
FAQ
What is the Sunfire Ring gradient?Conic sweep of deep red through orange into pale gold.
What's the CSS code for the Sunfire Ring gradient?
Use
background: conic-gradient(from 315deg, #4A0E00 0%, #D62828 25%, #F77F00 50%, #FCBF49 75%, #4A0E00 100%);. RGBA and HSLA versions are also available on this page.