# Ember Sunset Bloom

From the center outward, this gradient begins in pale warm beige, passes through dusty rose, brick red, crimson, burgundy, and finishes in near-black plum. The continuous darkening gives the pale center room for dark text and the outer shadow room for light marks. It suits editorial portraits, packaging, event artwork, or cinematic backgrounds with a restrained ember-like sunset.

- Also called: Pink, tan, maroon and black angular swatches
- Seed: `kWziAlUZi-bxAvSmqr2kRe7g`
- Page: https://grabient.com/kWziAlUZi-bxAvSmqr2kRe7g?style=angularSwatches&steps=32&angle=0
- Drawn as: angular swatches, 32 steps, 0 degrees
- Kinds: light to dark, vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 11.1 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 | `#d9baa8` | `oklch(81.10% 0.0441 52.03)` | Maiko | black, 11.5 to 1 |
| 2 | `#d6b5a3` | `oklch(79.75% 0.0453 51.09)` | Sedona Pink | black, 11 to 1 |
| 3 | `#d1af9d` | `oklch(77.94% 0.0463 49.92)` | Trek Tan | black, 10.3 to 1 |
| 4 | `#caa897` | `oklch(75.78% 0.0475 48.53)` | Arrow Quiver | black, 9.5 to 1 |
| 5 | `#c4a08f` | `oklch(73.39% 0.0492 46.93)` | Cabbage Rose | black, 8.7 to 1 |
| 6 | `#be9887` | `oklch(70.87% 0.0518 45.15)` | Cinnamon Roast | black, 7.9 to 1 |
| 7 | `#b88f7e` | `oklch(68.33% 0.0559 43.18)` | Rosetta | black, 7.2 to 1 |
| 8 | `#b38675` | `oklch(65.88% 0.0617 41.05)` | Painted Skies | black, 6.5 to 1 |
| 9 | `#b17d6c` | `oklch(63.63% 0.0699 38.76)` | Crushed Clay | black, 5.9 to 1 |
| 10 | `#b07362` | `oklch(61.44% 0.0822 36.15)` | Pinkish Brown | black, 5.4 to 1 |
| 11 | `#b16757` | `oklch(59.26% 0.0983 33.25)` | Deathclaw Brown | black, 4.9 to 1 |
| 12 | `#b25a4d` | `oklch(57.07% 0.1163 30.13)` | Giant’s Club | white, 4.6 to 1 |
| 13 | `#b24c44` | `oklch(54.89% 0.1347 26.90)` | Lady in Red | white, 5.2 to 1 |
| 14 | `#b23d3e` | `oklch(52.71% 0.1518 23.66)` | Scarlet Tanager | white, 5.7 to 1 |
| 15 | `#b02d3a` | `oklch(50.52% 0.1659 20.50)` | Planet Fever | white, 6.4 to 1 |
| 16 | `#ab1d38` | `oklch(48.34% 0.1753 17.50)` | Chilli Pepper | white, 7 to 1 |
| 17 | `#a40c37` | `oklch(46.15% 0.1787 14.79)` | Hot Lava | white, 7.8 to 1 |
| 18 | `#9b0037` | `oklch(43.98% 0.1757 12.45)` | Lifeline | white, 8.5 to 1 |
| 19 | `#900037` | `oklch(41.80% 0.1671 10.32)` | Madrileño Maroon | white, 9.3 to 1 |
| 20 | `#860036` | `oklch(39.61% 0.1586 8.26)` | Macabre | white, 10.2 to 1 |
| 21 | `#7b0034` | `oklch(37.43% 0.1502 6.15)` | Bordeaux | white, 11 to 1 |
| 22 | `#700333` | `oklch(35.23% 0.1392 3.79)` | Merlot | white, 12 to 1 |
| 23 | `#650531` | `oklch(33.05% 0.1283 1.12)` | Plum Cheese | white, 12.9 to 1 |
| 24 | `#5a0630` | `oklch(30.86% 0.1190 357.96)` | Mulberry Wood | white, 13.9 to 1 |
| 25 | `#50042e` | `oklch(28.61% 0.1115 354.05)` | Fig Balsamic | white, 15 to 1 |
| 26 | `#45032c` | `oklch(26.16% 0.1037 349.21)` | Dark Sanctuary | white, 16.1 to 1 |
| 27 | `#3a0229` | `oklch(23.62% 0.0958 343.78)` | Dark Sanctuary | white, 17.1 to 1 |
| 28 | `#2f0226` | `oklch(21.10% 0.0881 338.11)` | Globe Thistle | white, 18.1 to 1 |
| 29 | `#260122` | `oklch(18.71% 0.0808 332.55)` | Black Sabbath | white, 18.9 to 1 |
| 30 | `#1e001e` | `oklch(16.55% 0.0744 327.46)` | Black Sabbath | white, 19.5 to 1 |
| 31 | `#17001b` | `oklch(14.74% 0.0689 323.19)` | Election Night | white, 19.9 to 1 |
| 32 | `#120018` | `oklch(13.42% 0.0644 320.04)` | Glossy Black | white, 20.2 to 1 |

## CSS

```css
background: conic-gradient(from 0deg, #d9baa8 0.000% 3.125%, #d6b5a3 3.125% 6.250%, #d1af9d 6.250% 9.375%, #caa897 9.375% 12.500%, #c4a08f 12.500% 15.625%, #be9887 15.625% 18.750%, #b88f7e 18.750% 21.875%, #b38675 21.875% 25.000%, #b17d6c 25.000% 28.125%, #b07362 28.125% 31.250%, #b16757 31.250% 34.375%, #b25a4d 34.375% 37.500%, #b24c44 37.500% 40.625%, #b23d3e 40.625% 43.750%, #b02d3a 43.750% 46.875%, #ab1d38 46.875% 50.000%, #a40c37 50.000% 53.125%, #9b0037 53.125% 56.250%, #900037 56.250% 59.375%, #860036 59.375% 62.500%, #7b0034 62.500% 65.625%, #700333 65.625% 68.750%, #650531 68.750% 71.875%, #5a0630 71.875% 75.000%, #50042e 75.000% 78.125%, #45032c 78.125% 81.250%, #3a0229 81.250% 84.375%, #2f0226 84.375% 87.500%, #260122 87.500% 90.625%, #1e001e 90.625% 93.750%, #17001b 93.750% 96.875%, #120018 96.875% 100.000%);
background: conic-gradient(from 0deg, oklch(81.10% 0.0441 52.03) 0.000% 3.125%, oklch(79.75% 0.0453 51.09) 3.125% 6.250%, oklch(77.94% 0.0463 49.92) 6.250% 9.375%, oklch(75.78% 0.0475 48.53) 9.375% 12.500%, oklch(73.39% 0.0492 46.93) 12.500% 15.625%, oklch(70.87% 0.0518 45.15) 15.625% 18.750%, oklch(68.33% 0.0559 43.18) 18.750% 21.875%, oklch(65.88% 0.0617 41.05) 21.875% 25.000%, oklch(63.63% 0.0699 38.76) 25.000% 28.125%, oklch(61.44% 0.0822 36.15) 28.125% 31.250%, oklch(59.26% 0.0983 33.25) 31.250% 34.375%, oklch(57.07% 0.1163 30.13) 34.375% 37.500%, oklch(54.89% 0.1347 26.90) 37.500% 40.625%, oklch(52.71% 0.1518 23.66) 40.625% 43.750%, oklch(50.52% 0.1659 20.50) 43.750% 46.875%, oklch(48.34% 0.1753 17.50) 46.875% 50.000%, oklch(46.15% 0.1787 14.79) 50.000% 53.125%, oklch(43.98% 0.1757 12.45) 53.125% 56.250%, oklch(41.80% 0.1671 10.32) 56.250% 59.375%, oklch(39.61% 0.1586 8.26) 59.375% 62.500%, oklch(37.43% 0.1502 6.15) 62.500% 65.625%, oklch(35.23% 0.1392 3.79) 65.625% 68.750%, oklch(33.05% 0.1283 1.12) 68.750% 71.875%, oklch(30.86% 0.1190 357.96) 71.875% 75.000%, oklch(28.61% 0.1115 354.05) 75.000% 78.125%, oklch(26.16% 0.1037 349.21) 78.125% 81.250%, oklch(23.62% 0.0958 343.78) 81.250% 84.375%, oklch(21.10% 0.0881 338.11) 84.375% 87.500%, oklch(18.71% 0.0808 332.55) 87.500% 90.625%, oklch(16.55% 0.0744 327.46) 90.625% 93.750%, oklch(14.74% 0.0689 323.19) 93.750% 96.875%, oklch(13.42% 0.0644 320.04) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.811 | 0.044 | 52 |
| 2 | 0.642 | 0.068 | 39.4 |
| 3 | 0.472 | 0.178 | 16.1 |
| 4 | 0.303 | 0.117 | -2.9 |
| 5 | 0.134 | 0.065 | -39.9 |

## In these collections

- [Sunset gradients](https://grabient.com/sunset-gradients)

## Other forms

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