Citrine Burst Gradient
Pale yellow igniting into golden amber.
Open in the gradient generator →
Color Stops
#FFFDE7
#FFEB3B
#F57F17
Citrine Burst CSS Code
HEX Copy
background: #FFFDE7; background: radial-gradient(at center, #FFFDE7 0%, #FFEB3B 50%, #F57F17 100%);
RGBA Copy
background: rgba(255, 253, 231, 1.0); background: radial-gradient(at center, rgba(255, 253, 231, 1.0) 0%, rgba(255, 235, 59, 1.0) 50%, rgba(245, 127, 23, 1.0) 100%);
HSLA Copy
background: hsla(55, 100%, 95%, 1.0); background: radial-gradient(at center, hsla(55, 100%, 95%, 1.0) 0%, hsla(54, 100%, 62%, 1.0) 50%, hsla(28, 92%, 53%, 1.0) 100%);
More Gradient Presets
FAQ
What is the Citrine Burst gradient?Pale yellow igniting into golden amber.
What's the CSS code for the Citrine Burst gradient?
Use
background: radial-gradient(at center, #FFFDE7 0%, #FFEB3B 50%, #F57F17 100%);. RGBA and HSLA versions are also available on this page.