Ember Core Gradient: CSS Code & Colors

Q: What's the CSS code for the Ember Core gradient?

Use background: radial-gradient(at center, #FFECB3 0%, #FF7043 50%, #3E0000 100%);. RGBA and HSLA versions are also available on this page.

Ember Core Gradient

Warm amber glow fading into near-black.

Customize this gradient →

Opens it in the generator: change the type or direction, adjust the colors, then copy the CSS or download.

Color Stops

#FFECB3

#FF7043

#3E0000

Ember Core CSS Code

background: #FFECB3;
background: radial-gradient(at center, #FFECB3 0%, #FF7043 50%, #3E0000 100%);

background: rgba(255, 236, 179, 1.0);
background: radial-gradient(at center, rgba(255, 236, 179, 1.0) 0%, rgba(255, 112, 67, 1.0) 50%, rgba(62, 0, 0, 1.0) 100%);

background: hsla(45, 100%, 85%, 1.0);
background: radial-gradient(at center, hsla(45, 100%, 85%, 1.0) 0%, hsla(14, 100%, 63%, 1.0) 50%, hsla(0, 100%, 12%, 1.0) 100%);

background: #FFECB3;
background: radial-gradient(at center, #FFECB3 0%, #FF7043 50%, #3E0000 100%);
background: radial-gradient(at center in oklch, oklch(94.48% 0.0756 91.82) 0%, oklch(71.24% 0.1848 37.77) 50%, oklch(22.85% 0.0938 29.23) 100%);

The same colors blended in OKLCH, so this one looks more vivid than the gradient above. Older browsers show the standard gradient. How OKLCH gradients work →

bg-radial-[at_center_in_srgb] from-[#FFECB3] from-0% via-[#FF7043] via-50% to-[#3E0000] to-100%

bg-[radial-gradient(at_center,#FFECB3_0%,#FF7043_50%,#3E0000_100%)]

Similar Gradients

More Gradient Presets

FAQ

What is the Ember Core gradient?