# Midnight spectral ember glow

Navy, black and brown radial gradient with 48 colors: #1a082a, #17082a, #14092a, #100a29, #0c0b28, #070b26, #030c23, #000c20, #000d1a, #000c16, #000c12, #000b0f, #000b0c, #000a0a, #000a08, #000a07, #000a06, #010a05, #030b04, #040b03, #060c02, #090d02, #0d0d01, #110e00, #140e00, #180e00, #1c0f00, #200f00, #230f01, #261002, #291004, #2b1105, #2e1107, #301208, #321308, #341509, #351609, #371808, #391a07, #3a1c06, #3b1e04, #3c2003, #3d2202, #3e2401, #3e2600, #3e2800, #3e2900, #3f2b00. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Navy, black and brown radial gradient
- Seed: `kULzHZEIkwBuSMMml0Rg`
- Page: https://grabient.com/kULzHZEIkwBuSMMml0Rg?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: vivid, dark
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 1.4 to 1

## Colors

The name most people give each color, and the text color that reads on it with its contrast.

| Stop | Hex | OKLCH | Name | Text on it |
| --- | --- | --- | --- | --- |
| 1 | `#1a082a` | `oklch(18.50% 0.0675 305.16)` | Midnight Monarch | white, 18.9 to 1 |
| 2 | `#17082a` | `oklch(18.28% 0.0659 300.33)` | Quiet Abyss | white, 18.9 to 1 |
| 3 | `#14092a` | `oklch(17.97% 0.0637 294.50)` | Quiet Abyss | white, 19 to 1 |
| 4 | `#100a29` | `oklch(17.58% 0.0610 287.76)` | Mysterious Depths | white, 19.1 to 1 |
| 5 | `#0c0b28` | `oklch(17.14% 0.0580 280.24)` | Mysterious Depths | white, 19.2 to 1 |
| 6 | `#070b26` | `oklch(16.66% 0.0547 272.03)` | Void | white, 19.3 to 1 |
| 7 | `#030c23` | `oklch(16.15% 0.0512 263.25)` | Void | white, 19.4 to 1 |
| 8 | `#000c20` | `oklch(15.64% 0.0476 254.02)` | Melanophobia | white, 19.5 to 1 |
| 9 | `#000d1a` | `oklch(15.16% 0.0384 245.33)` | Black Knight | white, 19.6 to 1 |
| 10 | `#000c16` | `oklch(14.67% 0.0314 235.58)` | Black Knight | white, 19.7 to 1 |
| 11 | `#000c12` | `oklch(14.22% 0.0271 225.58)` | Black Knight | white, 19.8 to 1 |
| 12 | `#000b0f` | `oklch(13.81% 0.0245 215.42)` | Black Knight | white, 19.9 to 1 |
| 13 | `#000b0c` | `oklch(13.47% 0.0230 205.23)` | Black Knight | white, 19.9 to 1 |
| 14 | `#000a0a` | `oklch(13.22% 0.0225 195.15)` | Black Knight | white, 20 to 1 |
| 15 | `#000a08` | `oklch(13.06% 0.0230 185.36)` | Reversed Grey | white, 20 to 1 |
| 16 | `#000a07` | `oklch(13.01% 0.0243 176.05)` | Reversed Grey | white, 20 to 1 |
| 17 | `#000a06` | `oklch(13.03% 0.0246 168.13)` | Whiten’t | white, 20 to 1 |
| 18 | `#010a05` | `oklch(13.22% 0.0245 159.29)` | Whiten’t | white, 20 to 1 |
| 19 | `#030b04` | `oklch(13.52% 0.0250 150.00)` | Whiten’t | white, 19.9 to 1 |
| 20 | `#040b03` | `oklch(13.90% 0.0258 140.37)` | Whiten’t | white, 19.8 to 1 |
| 21 | `#060c02` | `oklch(14.36% 0.0271 130.53)` | Whiten’t | white, 19.7 to 1 |
| 22 | `#090d02` | `oklch(14.89% 0.0287 120.61)` | Whiten’t | white, 19.6 to 1 |
| 23 | `#0d0d01` | `oklch(15.48% 0.0305 110.73)` | Whiten’t | white, 19.5 to 1 |
| 24 | `#110e00` | `oklch(16.11% 0.0326 101.01)` | Chinese Black | white, 19.3 to 1 |
| 25 | `#140e00` | `oklch(16.78% 0.0343 91.27)` | Chinese Black | white, 19.1 to 1 |
| 26 | `#180e00` | `oklch(17.47% 0.0360 81.76)` | Chinese Black | white, 19 to 1 |
| 27 | `#1c0f00` | `oklch(18.17% 0.0387 73.23)` | Super Black | white, 18.8 to 1 |
| 28 | `#200f00` | `oklch(18.87% 0.0417 66.27)` | Super Black | white, 18.6 to 1 |
| 29 | `#230f01` | `oklch(19.56% 0.0439 59.24)` | Super Black | white, 18.3 to 1 |
| 30 | `#261002` | `oklch(20.23% 0.0459 53.12)` | Severely Burnt Toast | white, 18.1 to 1 |
| 31 | `#291004` | `oklch(20.87% 0.0477 48.03)` | Root Brew | white, 17.9 to 1 |
| 32 | `#2b1105` | `oklch(21.47% 0.0492 44.11)` | Root Brew | white, 17.7 to 1 |
| 33 | `#2e1107` | `oklch(22.03% 0.0504 41.50)` | Shadow Play | white, 17.5 to 1 |
| 34 | `#301208` | `oklch(22.62% 0.0516 40.27)` | Darkout | white, 17.2 to 1 |
| 35 | `#321308` | `oklch(23.23% 0.0528 40.29)` | Chocolate Melange | white, 17 to 1 |
| 36 | `#341509` | `oklch(23.86% 0.0539 41.39)` | Darkroom | white, 16.7 to 1 |
| 37 | `#351609` | `oklch(24.50% 0.0549 43.42)` | American Bronze | white, 16.4 to 1 |
| 38 | `#371808` | `oklch(25.15% 0.0560 46.21)` | American Bronze | white, 16.1 to 1 |
| 39 | `#391a07` | `oklch(25.79% 0.0570 49.60)` | American Bronze | white, 15.8 to 1 |
| 40 | `#3a1c06` | `oklch(26.42% 0.0579 53.44)` | 90% Cocoa | white, 15.5 to 1 |
| 41 | `#3b1e04` | `oklch(27.04% 0.0588 57.57)` | 90% Cocoa | white, 15.2 to 1 |
| 42 | `#3c2003` | `oklch(27.63% 0.0596 61.82)` | Medium Roast | white, 14.9 to 1 |
| 43 | `#3d2202` | `oklch(28.19% 0.0604 66.04)` | Dark Ebony | white, 14.6 to 1 |
| 44 | `#3e2401` | `oklch(28.72% 0.0611 70.08)` | Blackened Brown | white, 14.4 to 1 |
| 45 | `#3e2600` | `oklch(29.20% 0.0618 73.76)` | Blackened Brown | white, 14.1 to 1 |
| 46 | `#3e2800` | `oklch(29.63% 0.0621 76.75)` | Secret Passage | white, 13.9 to 1 |
| 47 | `#3e2900` | `oklch(30.01% 0.0623 79.27)` | Secret Passage | white, 13.7 to 1 |
| 48 | `#3f2b00` | `oklch(30.32% 0.0626 80.97)` | Hidden Passage | white, 13.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #1a082a 0.0%, #17082a 2.1%, #14092a 4.3%, #100a29 6.4%, #0c0b28 8.5%, #070b26 10.6%, #030c23 12.8%, #000c20 14.9%, #000d1a 17.0%, #000c16 19.1%, #000c12 21.3%, #000b0f 23.4%, #000b0c 25.5%, #000a0a 27.7%, #000a08 29.8%, #000a07 31.9%, #000a06 34.0%, #010a05 36.2%, #030b04 38.3%, #040b03 40.4%, #060c02 42.6%, #090d02 44.7%, #0d0d01 46.8%, #110e00 48.9%, #140e00 51.1%, #180e00 53.2%, #1c0f00 55.3%, #200f00 57.4%, #230f01 59.6%, #261002 61.7%, #291004 63.8%, #2b1105 66.0%, #2e1107 68.1%, #301208 70.2%, #321308 72.3%, #341509 74.5%, #351609 76.6%, #371808 78.7%, #391a07 80.9%, #3a1c06 83.0%, #3b1e04 85.1%, #3c2003 87.2%, #3d2202 89.4%, #3e2401 91.5%, #3e2600 93.6%, #3e2800 95.7%, #3e2900 97.9%, #3f2b00 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(18.50% 0.0675 305.16) 0.0%, oklch(18.28% 0.0659 300.33) 2.1%, oklch(17.97% 0.0637 294.50) 4.3%, oklch(17.58% 0.0610 287.76) 6.4%, oklch(17.14% 0.0580 280.24) 8.5%, oklch(16.66% 0.0547 272.03) 10.6%, oklch(16.15% 0.0512 263.25) 12.8%, oklch(15.64% 0.0476 254.02) 14.9%, oklch(15.16% 0.0384 245.33) 17.0%, oklch(14.67% 0.0314 235.58) 19.1%, oklch(14.22% 0.0271 225.58) 21.3%, oklch(13.81% 0.0245 215.42) 23.4%, oklch(13.47% 0.0230 205.23) 25.5%, oklch(13.22% 0.0225 195.15) 27.7%, oklch(13.06% 0.0230 185.36) 29.8%, oklch(13.01% 0.0243 176.05) 31.9%, oklch(13.03% 0.0246 168.13) 34.0%, oklch(13.22% 0.0245 159.29) 36.2%, oklch(13.52% 0.0250 150.00) 38.3%, oklch(13.90% 0.0258 140.37) 40.4%, oklch(14.36% 0.0271 130.53) 42.6%, oklch(14.89% 0.0287 120.61) 44.7%, oklch(15.48% 0.0305 110.73) 46.8%, oklch(16.11% 0.0326 101.01) 48.9%, oklch(16.78% 0.0343 91.27) 51.1%, oklch(17.47% 0.0360 81.76) 53.2%, oklch(18.17% 0.0387 73.23) 55.3%, oklch(18.87% 0.0417 66.27) 57.4%, oklch(19.56% 0.0439 59.24) 59.6%, oklch(20.23% 0.0459 53.12) 61.7%, oklch(20.87% 0.0477 48.03) 63.8%, oklch(21.47% 0.0492 44.11) 66.0%, oklch(22.03% 0.0504 41.50) 68.1%, oklch(22.62% 0.0516 40.27) 70.2%, oklch(23.23% 0.0528 40.29) 72.3%, oklch(23.86% 0.0539 41.39) 74.5%, oklch(24.50% 0.0549 43.42) 76.6%, oklch(25.15% 0.0560 46.21) 78.7%, oklch(25.79% 0.0570 49.60) 80.9%, oklch(26.42% 0.0579 53.44) 83.0%, oklch(27.04% 0.0588 57.57) 85.1%, oklch(27.63% 0.0596 61.82) 87.2%, oklch(28.19% 0.0604 66.04) 89.4%, oklch(28.72% 0.0611 70.08) 91.5%, oklch(29.20% 0.0618 73.76) 93.6%, oklch(29.63% 0.0621 76.75) 95.7%, oklch(30.01% 0.0623 79.27) 97.9%, oklch(30.32% 0.0626 80.97) 100.0%);
```

## Keyframes

4 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.185 | 0.068 | 305.2 |
| 2 | 0.13 | 0.025 | 170.9 |
| 3 | 0.217 | 0.05 | 43.1 |
| 4 | 0.303 | 0.063 | 81.1 |

## In these collections

- [Halloween gradients](https://grabient.com/halloween-gradients)

## Other forms

- [JSON](https://grabient.com/kULzHZEIkwBuSMMml0Rg.json?style=radialGradient&steps=48&angle=0)
- [PNG](https://grabient.com/kULzHZEIkwBuSMMml0Rg.png?style=radialGradient&steps=48&angle=0)
- [SVG](https://grabient.com/kULzHZEIkwBuSMMml0Rg.svg?style=radialGradient&steps=48&angle=0)
- [CSS](https://grabient.com/kULzHZEIkwBuSMMml0Rg.css?style=radialGradient&steps=48&angle=0)
- [ASE](https://grabient.com/kULzHZEIkwBuSMMml0Rg.ase?style=radialGradient&steps=48&angle=0)
- [GPL](https://grabient.com/kULzHZEIkwBuSMMml0Rg.gpl?style=radialGradient&steps=48&angle=0)
- [GRD](https://grabient.com/kULzHZEIkwBuSMMml0Rg.grd?style=radialGradient&steps=48&angle=0)
- [Design tokens](https://grabient.com/kULzHZEIkwBuSMMml0Rg.tokens.json?style=radialGradient&steps=48&angle=0)
- [Social card](https://grabient.com/api/og?seed=kULzHZEIkwBuSMMml0Rg&style=radialGradient&steps=48&angle=0)
- [Palettes like this one](https://grabient.com/palettes?q=kULzHZEIkwBuSMMml0Rg)
- [Guide for agents](https://grabient.com/llms.txt)