# Amber ember in midnight

Brown, black, dark purple and peach radial gradient with 48 colors: #b36243, #ae5d44, #a85844, #a15144, #984a44, #8e4343, #843c42, #783541, #6d2e3f, #62273c, #572139, #4c1b36, #421733, #391230, #320f2d, #2c0c2a, #270a28, #220926, #1e0825, #1a0723, #160622, #130620, #10061f, #0e061e, #0c061d, #0b071d, #0b071e, #0b091e, #0c0b20, #0e0d22, #111025, #151329, #1b172e, #231d35, #2d243d, #392c46, #48354f, #583f58, #694961, #7c556a, #8e6171, #a06e77, #b17a7c, #c08780, #ce9484, #d99f88, #e1a98b, #e8b18e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown, black, dark purple and peach radial gradient
- Seed: `kUlFMdGxi3JqPuzmHU8A`
- Page: https://grabient.com/kUlFMdGxi3JqPuzmHU8A?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: dark center, dark
- Hues: wide
- Contrast of its darkest and lightest colors: 10.5 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 | `#b36243` | `oklch(58.27% 0.1144 40.78)` | Georgia Clay | black, 4.7 to 1 |
| 2 | `#ae5d44` | `oklch(56.87% 0.1126 38.06)` | Iron Ore | white, 4.7 to 1 |
| 3 | `#a85844` | `oklch(55.08% 0.1105 34.69)` | Cottage Spice | white, 5 to 1 |
| 4 | `#a15144` | `oklch(52.95% 0.1080 30.74)` | BBQ | white, 5.5 to 1 |
| 5 | `#984a44` | `oklch(50.55% 0.1052 26.31)` | Safflower Kite | white, 6.1 to 1 |
| 6 | `#8e4343` | `oklch(47.92% 0.1021 21.47)` | Cranberry Whip | white, 6.9 to 1 |
| 7 | `#843c42` | `oklch(45.14% 0.0988 16.31)` | Dark Crimson | white, 7.7 to 1 |
| 8 | `#783541` | `oklch(42.24% 0.0954 10.92)` | Köfte Brown | white, 8.8 to 1 |
| 9 | `#6d2e3f` | `oklch(39.30% 0.0919 5.37)` | Chestnut Red | white, 9.9 to 1 |
| 10 | `#62273c` | `oklch(36.36% 0.0883 359.76)` | Quills of Terico | white, 11.2 to 1 |
| 11 | `#572139` | `oklch(33.49% 0.0848 354.16)` | Carambar | white, 12.5 to 1 |
| 12 | `#4c1b36` | `oklch(30.75% 0.0813 348.66)` | Chilli Black Red | white, 13.7 to 1 |
| 13 | `#421733` | `oklch(28.18% 0.0780 343.35)` | Blackberry | white, 14.9 to 1 |
| 14 | `#391230` | `oklch(25.86% 0.0748 338.31)` | Nightly Voyager | white, 16 to 1 |
| 15 | `#320f2d` | `oklch(23.83% 0.0718 333.62)` | Synallactida | white, 16.9 to 1 |
| 16 | `#2c0c2a` | `oklch(22.15% 0.0691 329.36)` | Dark Prom Queen | white, 17.6 to 1 |
| 17 | `#270a28` | `oklch(20.87% 0.0668 325.57)` | Dark Prom Queen | white, 18 to 1 |
| 18 | `#220926` | `oklch(19.72% 0.0644 321.63)` | Meški Black | white, 18.4 to 1 |
| 19 | `#1e0825` | `oklch(18.66% 0.0621 317.42)` | Meški Black | white, 18.8 to 1 |
| 20 | `#1a0723` | `oklch(17.70% 0.0597 313.04)` | Meški Black | white, 19.1 to 1 |
| 21 | `#160622` | `oklch(16.85% 0.0573 308.60)` | Election Night | white, 19.3 to 1 |
| 22 | `#130620` | `oklch(16.13% 0.0551 304.21)` | Election Night | white, 19.5 to 1 |
| 23 | `#10061f` | `oklch(15.56% 0.0529 299.97)` | Election Night | white, 19.6 to 1 |
| 24 | `#0e061e` | `oklch(15.16% 0.0508 295.98)` | Election Night | white, 19.7 to 1 |
| 25 | `#0c061d` | `oklch(14.95% 0.0489 292.35)` | Election Night | white, 19.8 to 1 |
| 26 | `#0b071d` | `oklch(14.95% 0.0472 289.19)` | Not Tonight | white, 19.7 to 1 |
| 27 | `#0b071e` | `oklch(15.17% 0.0457 286.59)` | Tristesse | white, 19.7 to 1 |
| 28 | `#0b091e` | `oklch(15.63% 0.0445 284.66)` | Tristesse | white, 19.6 to 1 |
| 29 | `#0c0b20` | `oklch(16.35% 0.0435 283.52)` | Tristesse | white, 19.4 to 1 |
| 30 | `#0e0d22` | `oklch(17.35% 0.0429 283.25)` | Tristesse | white, 19.1 to 1 |
| 31 | `#111025` | `oklch(18.65% 0.0425 283.97)` | Corbeau | white, 18.6 to 1 |
| 32 | `#151329` | `oklch(20.26% 0.0426 285.79)` | Corbeau | white, 18.1 to 1 |
| 33 | `#1b172e` | `oklch(22.28% 0.0431 288.93)` | Sambucus | white, 17.3 to 1 |
| 34 | `#231d35` | `oklch(24.95% 0.0442 293.76)` | Eclipse Elixir | white, 16.1 to 1 |
| 35 | `#2d243d` | `oklch(28.19% 0.0459 300.11)` | Telopea | white, 14.6 to 1 |
| 36 | `#392c46` | `oklch(31.92% 0.0479 307.73)` | Obsidian Lava Black | white, 12.9 to 1 |
| 37 | `#48354f` | `oklch(36.03% 0.0504 316.39)` | Oregon Grape | white, 11 to 1 |
| 38 | `#583f58` | `oklch(40.44% 0.0532 325.86)` | Bella | white, 9.2 to 1 |
| 39 | `#694961` | `oklch(45.05% 0.0561 335.92)` | Bunchberry | white, 7.6 to 1 |
| 40 | `#7c556a` | `oklch(49.77% 0.0592 346.32)` | Euphoric Magenta | white, 6.2 to 1 |
| 41 | `#8e6171` | `oklch(54.51% 0.0624 356.85)` | Mauve Taupe | white, 5.1 to 1 |
| 42 | `#a06e77` | `oklch(59.17% 0.0656 7.27)` | Concerto | black, 4.9 to 1 |
| 43 | `#b17a7c` | `oklch(63.66% 0.0686 17.34)` | Taffeta Darling | black, 5.9 to 1 |
| 44 | `#c08780` | `oklch(67.89% 0.0716 26.85)` | Whisky | black, 7 to 1 |
| 45 | `#ce9484` | `oklch(71.76% 0.0742 35.55)` | Rosy Queen | black, 8.1 to 1 |
| 46 | `#d99f88` | `oklch(75.19% 0.0765 43.21)` | Southwest Stone | black, 9.2 to 1 |
| 47 | `#e1a98b` | `oklch(78.07% 0.0785 49.61)` | Almost Apricot | black, 10.2 to 1 |
| 48 | `#e8b18e` | `oklch(80.31% 0.0799 54.52)` | Trick or Treat | black, 11.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #b36243 0.0%, #ae5d44 2.1%, #a85844 4.3%, #a15144 6.4%, #984a44 8.5%, #8e4343 10.6%, #843c42 12.8%, #783541 14.9%, #6d2e3f 17.0%, #62273c 19.1%, #572139 21.3%, #4c1b36 23.4%, #421733 25.5%, #391230 27.7%, #320f2d 29.8%, #2c0c2a 31.9%, #270a28 34.0%, #220926 36.2%, #1e0825 38.3%, #1a0723 40.4%, #160622 42.6%, #130620 44.7%, #10061f 46.8%, #0e061e 48.9%, #0c061d 51.1%, #0b071d 53.2%, #0b071e 55.3%, #0b091e 57.4%, #0c0b20 59.6%, #0e0d22 61.7%, #111025 63.8%, #151329 66.0%, #1b172e 68.1%, #231d35 70.2%, #2d243d 72.3%, #392c46 74.5%, #48354f 76.6%, #583f58 78.7%, #694961 80.9%, #7c556a 83.0%, #8e6171 85.1%, #a06e77 87.2%, #b17a7c 89.4%, #c08780 91.5%, #ce9484 93.6%, #d99f88 95.7%, #e1a98b 97.9%, #e8b18e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(58.27% 0.1144 40.78) 0.0%, oklch(56.87% 0.1126 38.06) 2.1%, oklch(55.08% 0.1105 34.69) 4.3%, oklch(52.95% 0.1080 30.74) 6.4%, oklch(50.55% 0.1052 26.31) 8.5%, oklch(47.92% 0.1021 21.47) 10.6%, oklch(45.14% 0.0988 16.31) 12.8%, oklch(42.24% 0.0954 10.92) 14.9%, oklch(39.30% 0.0919 5.37) 17.0%, oklch(36.36% 0.0883 359.76) 19.1%, oklch(33.49% 0.0848 354.16) 21.3%, oklch(30.75% 0.0813 348.66) 23.4%, oklch(28.18% 0.0780 343.35) 25.5%, oklch(25.86% 0.0748 338.31) 27.7%, oklch(23.83% 0.0718 333.62) 29.8%, oklch(22.15% 0.0691 329.36) 31.9%, oklch(20.87% 0.0668 325.57) 34.0%, oklch(19.72% 0.0644 321.63) 36.2%, oklch(18.66% 0.0621 317.42) 38.3%, oklch(17.70% 0.0597 313.04) 40.4%, oklch(16.85% 0.0573 308.60) 42.6%, oklch(16.13% 0.0551 304.21) 44.7%, oklch(15.56% 0.0529 299.97) 46.8%, oklch(15.16% 0.0508 295.98) 48.9%, oklch(14.95% 0.0489 292.35) 51.1%, oklch(14.95% 0.0472 289.19) 53.2%, oklch(15.17% 0.0457 286.59) 55.3%, oklch(15.63% 0.0445 284.66) 57.4%, oklch(16.35% 0.0435 283.52) 59.6%, oklch(17.35% 0.0429 283.25) 61.7%, oklch(18.65% 0.0425 283.97) 63.8%, oklch(20.26% 0.0426 285.79) 66.0%, oklch(22.28% 0.0431 288.93) 68.1%, oklch(24.95% 0.0442 293.76) 70.2%, oklch(28.19% 0.0459 300.11) 72.3%, oklch(31.92% 0.0479 307.73) 74.5%, oklch(36.03% 0.0504 316.39) 76.6%, oklch(40.44% 0.0532 325.86) 78.7%, oklch(45.05% 0.0561 335.92) 80.9%, oklch(49.77% 0.0592 346.32) 83.0%, oklch(54.51% 0.0624 356.85) 85.1%, oklch(59.17% 0.0656 7.27) 87.2%, oklch(63.66% 0.0686 17.34) 89.4%, oklch(67.89% 0.0716 26.85) 91.5%, oklch(71.76% 0.0742 35.55) 93.6%, oklch(75.19% 0.0765 43.21) 95.7%, oklch(78.07% 0.0785 49.61) 97.9%, oklch(80.31% 0.0799 54.52) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.583 | 0.114 | 40.8 |
| 2 | 0.213 | 0.068 | -33.2 |
| 3 | 0.209 | 0.043 | -73.3 |
| 4 | 0.803 | 0.08 | 54.5 |

## In these collections

- [Equinox twilight horizon](https://grabient.com/equinox-twilight-horizon)

## Other forms

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