# Midnight Ember Current

Dark rainbow from maroon to brown linear gradient with 32 colors: #842b25, #802826, #7b2527, #752228, #6e1f29, #661b2a, #5f182b, #58162c, #52142d, #4b122d, #43102c, #3c0f2b, #350d2a, #2f0c2a, #290d2a, #250e2d, #211131, #1d1635, #181d3a, #12243e, #0a2d41, #033542, #033e41, #0d4640, #1b4e3d, #2d5638, #435f31, #5c6628, #756b1d, #8d6f17, #a1701a, #af7123. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Dark rainbow from maroon to brown linear gradient
- Seed: `kWa1oTpyK8xuWuguFTBzKsyg`
- Page: https://grabient.com/kWa1oTpyK8xuWuguFTBzKsyg?steps=32&angle=60
- Drawn as: linear gradient, 32 steps, 60 degrees
- Kinds: dark center, vivid, dark, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.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 | `#842b25` | `oklch(42.13% 0.1240 27.42)` | Polished Apple | white, 8.9 to 1 |
| 2 | `#802826` | `oklch(41.19% 0.1217 25.47)` | Posh Red | white, 9.3 to 1 |
| 3 | `#7b2527` | `oklch(39.93% 0.1187 23.05)` | Deep Dairei Red | white, 9.8 to 1 |
| 4 | `#752228` | `oklch(38.43% 0.1151 20.18)` | Incubus | white, 10.4 to 1 |
| 5 | `#6e1f29` | `oklch(36.77% 0.1111 16.88)` | Red Berry | white, 11.1 to 1 |
| 6 | `#661b2a` | `oklch(35.05% 0.1068 13.17)` | Pohutukawa | white, 11.8 to 1 |
| 7 | `#5f182b` | `oklch(33.35% 0.1025 9.06)` | Brown Chocolate | white, 12.6 to 1 |
| 8 | `#58162c` | `oklch(31.77% 0.0982 4.59)` | Drops of God | white, 13.4 to 1 |
| 9 | `#52142d` | `oklch(30.37% 0.0941 359.79)` | Tulip Poplar Purple | white, 14 to 1 |
| 10 | `#4b122d` | `oklch(28.86% 0.0897 355.20)` | Blackberry | white, 14.7 to 1 |
| 11 | `#43102c` | `oklch(27.20% 0.0849 350.72)` | Blackberry | white, 15.5 to 1 |
| 12 | `#3c0f2b` | `oklch(25.54% 0.0800 345.97)` | Nightly Voyager | white, 16.2 to 1 |
| 13 | `#350d2a` | `oklch(24.01% 0.0752 340.59)` | Synallactida | white, 16.8 to 1 |
| 14 | `#2f0c2a` | `oklch(22.74% 0.0707 334.20)` | Dark Prom Queen | white, 17.3 to 1 |
| 15 | `#290d2a` | `oklch(21.88% 0.0666 326.42)` | Dark Prom Queen | white, 17.7 to 1 |
| 16 | `#250e2d` | `oklch(21.57% 0.0633 316.88)` | Blacklist | white, 17.7 to 1 |
| 17 | `#211131` | `oklch(21.91% 0.0608 305.14)` | Blacklist | white, 17.6 to 1 |
| 18 | `#1d1635` | `oklch(22.84% 0.0584 290.82)` | Lost in Sadness | white, 17.1 to 1 |
| 19 | `#181d3a` | `oklch(24.27% 0.0562 274.46)` | Nightwalker | white, 16.4 to 1 |
| 20 | `#12243e` | `oklch(26.10% 0.0546 256.68)` | Cool Balaclavas Are Forever | white, 15.5 to 1 |
| 21 | `#0a2d41` | `oklch(28.24% 0.0536 238.13)` | NATO Blue | white, 14.3 to 1 |
| 22 | `#033542` | `oklch(30.59% 0.0535 219.46)` | Natural Indigo | white, 13.1 to 1 |
| 23 | `#033e41` | `oklch(33.08% 0.0546 201.30)` | Rich Black | white, 11.9 to 1 |
| 24 | `#0d4640` | `oklch(35.60% 0.0570 184.30)` | Cyprus | white, 10.7 to 1 |
| 25 | `#1b4e3d` | `oklch(38.27% 0.0614 168.17)` | Brunswick Green | white, 9.5 to 1 |
| 26 | `#2d5638` | `oklch(41.48% 0.0684 151.32)` | Green Stain | white, 8.3 to 1 |
| 27 | `#435f31` | `oklch(45.02% 0.0771 134.26)` | Woodman | white, 7.2 to 1 |
| 28 | `#5c6628` | `oklch(48.68% 0.0867 117.60)` | Deathworld Forest | white, 6.2 to 1 |
| 29 | `#756b1d` | `oklch(52.25% 0.0965 101.95)` | Brown Green | white, 5.4 to 1 |
| 30 | `#8d6f17` | `oklch(55.51% 0.1056 87.93)` | Honey Yellow Green | white, 4.7 to 1 |
| 31 | `#a1701a` | `oklch(58.24% 0.1132 76.15)` | Golden Hind | black, 4.8 to 1 |
| 32 | `#af7123` | `oklch(60.24% 0.1185 67.23)` | Hamtaro Brown | black, 5.2 to 1 |

## CSS

```css
background: linear-gradient(60deg, #842b25 0.0%, #802826 3.2%, #7b2527 6.5%, #752228 9.7%, #6e1f29 12.9%, #661b2a 16.1%, #5f182b 19.4%, #58162c 22.6%, #52142d 25.8%, #4b122d 29.0%, #43102c 32.3%, #3c0f2b 35.5%, #350d2a 38.7%, #2f0c2a 41.9%, #290d2a 45.2%, #250e2d 48.4%, #211131 51.6%, #1d1635 54.8%, #181d3a 58.1%, #12243e 61.3%, #0a2d41 64.5%, #033542 67.7%, #033e41 71.0%, #0d4640 74.2%, #1b4e3d 77.4%, #2d5638 80.6%, #435f31 83.9%, #5c6628 87.1%, #756b1d 90.3%, #8d6f17 93.5%, #a1701a 96.8%, #af7123 100.0%);
background: linear-gradient(60deg in oklch, oklch(42.13% 0.1240 27.42) 0.0%, oklch(41.19% 0.1217 25.47) 3.2%, oklch(39.93% 0.1187 23.05) 6.5%, oklch(38.43% 0.1151 20.18) 9.7%, oklch(36.77% 0.1111 16.88) 12.9%, oklch(35.05% 0.1068 13.17) 16.1%, oklch(33.35% 0.1025 9.06) 19.4%, oklch(31.77% 0.0982 4.59) 22.6%, oklch(30.37% 0.0941 359.79) 25.8%, oklch(28.86% 0.0897 355.20) 29.0%, oklch(27.20% 0.0849 350.72) 32.3%, oklch(25.54% 0.0800 345.97) 35.5%, oklch(24.01% 0.0752 340.59) 38.7%, oklch(22.74% 0.0707 334.20) 41.9%, oklch(21.88% 0.0666 326.42) 45.2%, oklch(21.57% 0.0633 316.88) 48.4%, oklch(21.91% 0.0608 305.14) 51.6%, oklch(22.84% 0.0584 290.82) 54.8%, oklch(24.27% 0.0562 274.46) 58.1%, oklch(26.10% 0.0546 256.68) 61.3%, oklch(28.24% 0.0536 238.13) 64.5%, oklch(30.59% 0.0535 219.46) 67.7%, oklch(33.08% 0.0546 201.30) 71.0%, oklch(35.60% 0.0570 184.30) 74.2%, oklch(38.27% 0.0614 168.17) 77.4%, oklch(41.48% 0.0684 151.32) 80.6%, oklch(45.02% 0.0771 134.26) 83.9%, oklch(48.68% 0.0867 117.60) 87.1%, oklch(52.25% 0.0965 101.95) 90.3%, oklch(55.51% 0.1056 87.93) 93.5%, oklch(58.24% 0.1132 76.15) 96.8%, oklch(60.24% 0.1185 67.23) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.421 | 0.124 | 27.4 |
| 2 | 0.307 | 0.095 | 1 |
| 3 | 0.217 | 0.062 | -48.7 |
| 4 | 0.362 | 0.058 | -179.7 |
| 5 | 0.602 | 0.119 | -292.8 |

## In these collections

- [Dark multicolor gradients](https://grabient.com/dark-multicolor-gradients)

## Other forms

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