# Ember horizon night gradient

This palette moves from black through dark magenta to red. It steadily lightens across a broad lightness range, combining moderate color with clear contrast. Its dark and grounded character suits travel posters and environmental mood boards, especially compositions that need a controlled shift between darker and lighter areas.

- Also called: Black, dark purple and salmon linear gradient
- Seed: `kSGw_WopxFFUoRU`
- Page: https://grabient.com/kSGw_WopxFFUoRU?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, dark
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.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 | `#050309` | `oklch(10.63% 0.0207 301.64)` | Ninja | white, 20.5 to 1 |
| 2 | `#06030b` | `oklch(11.18% 0.0228 303.21)` | Broken Tube | white, 20.4 to 1 |
| 3 | `#07040d` | `oklch(11.79% 0.0254 305.10)` | Broken Tube | white, 20.3 to 1 |
| 4 | `#09040f` | `oklch(12.44% 0.0284 307.27)` | Broken Tube | white, 20.2 to 1 |
| 5 | `#0b0411` | `oklch(13.15% 0.0318 309.69)` | Not Tonight | white, 20.1 to 1 |
| 6 | `#0e0513` | `oklch(13.92% 0.0355 312.34)` | Not Tonight | white, 20 to 1 |
| 7 | `#110516` | `oklch(14.76% 0.0395 315.17)` | Not Tonight | white, 19.8 to 1 |
| 8 | `#140618` | `oklch(15.68% 0.0437 318.15)` | Crow | white, 19.6 to 1 |
| 9 | `#18071b` | `oklch(16.67% 0.0479 321.25)` | Crow | white, 19.3 to 1 |
| 10 | `#1c081e` | `oklch(17.74% 0.0522 324.44)` | Meški Black | white, 19 to 1 |
| 11 | `#200920` | `oklch(18.91% 0.0566 327.68)` | Meški Black | white, 18.7 to 1 |
| 12 | `#250a23` | `oklch(20.17% 0.0608 330.94)` | Meški Black | white, 18.3 to 1 |
| 13 | `#2a0b26` | `oklch(21.53% 0.0649 334.19)` | Dark Prom Queen | white, 17.8 to 1 |
| 14 | `#300d28` | `oklch(23.00% 0.0688 337.39)` | Dark Prom Queen | white, 17.2 to 1 |
| 15 | `#36102b` | `oklch(24.58% 0.0724 340.51)` | Cultist Robe | white, 16.6 to 1 |
| 16 | `#3c122e` | `oklch(26.27% 0.0757 343.52)` | Nightly Voyager | white, 15.8 to 1 |
| 17 | `#431631` | `oklch(28.12% 0.0786 346.42)` | Blackberry | white, 15 to 1 |
| 18 | `#4b1a35` | `oklch(30.26% 0.0814 349.47)` | Chilli Black Red | white, 14 to 1 |
| 19 | `#541f39` | `oklch(32.69% 0.0842 352.67)` | Tulip Poplar Purple | white, 12.8 to 1 |
| 20 | `#5d253d` | `oklch(35.36% 0.0869 355.98)` | Zinfandel | white, 11.6 to 1 |
| 21 | `#682c41` | `oklch(38.20% 0.0895 359.36)` | Siren | white, 10.4 to 1 |
| 22 | `#723346` | `oklch(41.17% 0.0920 2.78)` | Cabernet Craving | white, 9.2 to 1 |
| 23 | `#7d3a4b` | `oklch(44.23% 0.0944 6.19)` | Camelot | white, 8.1 to 1 |
| 24 | `#894250` | `oklch(47.31% 0.0967 9.56)` | Dark Earth | white, 7 to 1 |
| 25 | `#944a54` | `oklch(50.37% 0.0989 12.85)` | Kirsch Red | white, 6.2 to 1 |
| 26 | `#9f5259` | `oklch(53.36% 0.1009 16.02)` | Cranberry Jam | white, 5.4 to 1 |
| 27 | `#a95a5d` | `oklch(56.23% 0.1028 19.04)` | Lingonberry Punch | white, 4.8 to 1 |
| 28 | `#b36261` | `oklch(58.92% 0.1046 21.86)` | Sienna Red | black, 4.8 to 1 |
| 29 | `#bc6964` | `oklch(61.38% 0.1063 24.44)` | Tapestry Red | black, 5.3 to 1 |
| 30 | `#c47067` | `oklch(63.58% 0.1078 26.75)` | Contessa | black, 5.8 to 1 |
| 31 | `#ca756a` | `oklch(65.44% 0.1091 28.75)` | Red Sparowes | black, 6.2 to 1 |
| 32 | `#d07a6c` | `oklch(66.93% 0.1102 30.41)` | Canyon Clay | black, 6.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #050309 0.0%, #06030b 3.2%, #07040d 6.5%, #09040f 9.7%, #0b0411 12.9%, #0e0513 16.1%, #110516 19.4%, #140618 22.6%, #18071b 25.8%, #1c081e 29.0%, #200920 32.3%, #250a23 35.5%, #2a0b26 38.7%, #300d28 41.9%, #36102b 45.2%, #3c122e 48.4%, #431631 51.6%, #4b1a35 54.8%, #541f39 58.1%, #5d253d 61.3%, #682c41 64.5%, #723346 67.7%, #7d3a4b 71.0%, #894250 74.2%, #944a54 77.4%, #9f5259 80.6%, #a95a5d 83.9%, #b36261 87.1%, #bc6964 90.3%, #c47067 93.5%, #ca756a 96.8%, #d07a6c 100.0%);
background: linear-gradient(135deg in oklch, oklch(10.63% 0.0207 301.64) 0.0%, oklch(11.18% 0.0228 303.21) 3.2%, oklch(11.79% 0.0254 305.10) 6.5%, oklch(12.44% 0.0284 307.27) 9.7%, oklch(13.15% 0.0318 309.69) 12.9%, oklch(13.92% 0.0355 312.34) 16.1%, oklch(14.76% 0.0395 315.17) 19.4%, oklch(15.68% 0.0437 318.15) 22.6%, oklch(16.67% 0.0479 321.25) 25.8%, oklch(17.74% 0.0522 324.44) 29.0%, oklch(18.91% 0.0566 327.68) 32.3%, oklch(20.17% 0.0608 330.94) 35.5%, oklch(21.53% 0.0649 334.19) 38.7%, oklch(23.00% 0.0688 337.39) 41.9%, oklch(24.58% 0.0724 340.51) 45.2%, oklch(26.27% 0.0757 343.52) 48.4%, oklch(28.12% 0.0786 346.42) 51.6%, oklch(30.26% 0.0814 349.47) 54.8%, oklch(32.69% 0.0842 352.67) 58.1%, oklch(35.36% 0.0869 355.98) 61.3%, oklch(38.20% 0.0895 359.36) 64.5%, oklch(41.17% 0.0920 2.78) 67.7%, oklch(44.23% 0.0944 6.19) 71.0%, oklch(47.31% 0.0967 9.56) 74.2%, oklch(50.37% 0.0989 12.85) 77.4%, oklch(53.36% 0.1009 16.02) 80.6%, oklch(56.23% 0.1028 19.04) 83.9%, oklch(58.92% 0.1046 21.86) 87.1%, oklch(61.38% 0.1063 24.44) 90.3%, oklch(63.58% 0.1078 26.75) 93.5%, oklch(65.44% 0.1091 28.75) 96.8%, oklch(66.93% 0.1102 30.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.106 | 0.021 | 301.6 |
| 2 | 0.272 | 0.077 | 345 |
| 3 | 0.669 | 0.11 | 390.4 |

## In these collections

- [Night sky gradients](https://grabient.com/night-sky-gradients)

## Other forms

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