# Near-black and rose Day of the Dead

The Near-black and rose Day of the Dead brings together dark purple, purple, and magenta. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark purple, and its lightest tone is magenta.

- Also called: Analogous black, purple and pink linear gradient
- Seed: `kUHhbgJ7o_8PXQlW0EJA`
- Page: https://grabient.com/kUHhbgJ7o_8PXQlW0EJA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.3 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 | `#09030d` | `oklch(11.81% 0.0303 315.00)` | Broken Tube | white, 20.3 to 1 |
| 2 | `#0c0311` | `oklch(12.90% 0.0379 314.92)` | Broken Tube | white, 20.2 to 1 |
| 3 | `#110417` | `oklch(14.29% 0.0480 314.70)` | Election Night | white, 19.9 to 1 |
| 4 | `#16041e` | `oklch(15.92% 0.0599 314.40)` | Election Night | white, 19.6 to 1 |
| 5 | `#1c0427` | `oklch(17.75% 0.0733 314.08)` | Black Sabbath | white, 19.1 to 1 |
| 6 | `#230330` | `oklch(19.74% 0.0876 313.79)` | Coal Mine | white, 18.6 to 1 |
| 7 | `#2a023a` | `oklch(21.83% 0.1024 313.58)` | Midnight Purple | white, 17.9 to 1 |
| 8 | `#320145` | `oklch(24.00% 0.1172 313.51)` | Edge of Space | white, 17.1 to 1 |
| 9 | `#3a004f` | `oklch(26.21% 0.1301 313.60)` | Romanic Scene | white, 16.2 to 1 |
| 10 | `#410058` | `oklch(28.37% 0.1405 313.99)` | Ripe Plum | white, 15.3 to 1 |
| 11 | `#490061` | `oklch(30.45% 0.1503 314.67)` | Clairvoyant | white, 14.4 to 1 |
| 12 | `#510069` | `oklch(32.48% 0.1594 315.71)` | God of Nights | white, 13.4 to 1 |
| 13 | `#5a0071` | `oklch(34.60% 0.1686 317.08)` | Velvet Vortex | white, 12.5 to 1 |
| 14 | `#640078` | `oklch(36.79% 0.1777 318.74)` | Zeus Purple | white, 11.5 to 1 |
| 15 | `#6e0080` | `oklch(39.02% 0.1867 320.63)` | Zeus Purple | white, 10.6 to 1 |
| 16 | `#780086` | `oklch(41.28% 0.1953 322.70)` | Ultraberry | white, 9.7 to 1 |
| 17 | `#83008d` | `oklch(43.53% 0.2037 324.88)` | Aunt Violet | white, 8.9 to 1 |
| 18 | `#8f0092` | `oklch(45.75% 0.2116 327.14)` | Dark Magenta | white, 8.1 to 1 |
| 19 | `#9a0097` | `oklch(47.90% 0.2190 329.40)` | Violet Eggplant | white, 7.4 to 1 |
| 20 | `#a5009b` | `oklch(49.97% 0.2260 331.62)` | Barney Purple | white, 6.8 to 1 |
| 21 | `#af009e` | `oklch(51.93% 0.2323 333.74)` | Magentle | white, 6.3 to 1 |
| 22 | `#b900a1` | `oklch(53.75% 0.2382 335.74)` | Jealous Jellyfish | white, 5.8 to 1 |
| 23 | `#c304a3` | `oklch(55.54% 0.2420 337.81)` | Punk Rock Purple | white, 5.4 to 1 |
| 24 | `#cb12a3` | `oklch(57.30% 0.2417 340.01)` | Perfectly Purple Place | white, 5 to 1 |
| 25 | `#d31da3` | `oklch(59.03% 0.2402 342.26)` | Perfectly Purple Place | white, 4.6 to 1 |
| 26 | `#db26a3` | `oklch(60.69% 0.2377 344.52)` | Melodramatic Magenta | black, 4.8 to 1 |
| 27 | `#e12fa2` | `oklch(62.26% 0.2346 346.74)` | Pink Bite | black, 5.1 to 1 |
| 28 | `#e736a1` | `oklch(63.73% 0.2311 348.84)` | Pink Bite | black, 5.4 to 1 |
| 29 | `#ed3da1` | `oklch(65.07% 0.2276 350.80)` | Major Magenta | black, 5.7 to 1 |
| 30 | `#f243a0` | `oklch(66.26% 0.2245 352.53)` | Major Magenta | black, 6 to 1 |
| 31 | `#f6489f` | `oklch(67.28% 0.2220 354.01)` | Rose Bonbon | black, 6.3 to 1 |
| 32 | `#f94b9f` | `oklch(68.11% 0.2205 355.16)` | Rose Bonbon | black, 6.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #09030d 0.0%, #0c0311 3.2%, #110417 6.5%, #16041e 9.7%, #1c0427 12.9%, #230330 16.1%, #2a023a 19.4%, #320145 22.6%, #3a004f 25.8%, #410058 29.0%, #490061 32.3%, #510069 35.5%, #5a0071 38.7%, #640078 41.9%, #6e0080 45.2%, #780086 48.4%, #83008d 51.6%, #8f0092 54.8%, #9a0097 58.1%, #a5009b 61.3%, #af009e 64.5%, #b900a1 67.7%, #c304a3 71.0%, #cb12a3 74.2%, #d31da3 77.4%, #db26a3 80.6%, #e12fa2 83.9%, #e736a1 87.1%, #ed3da1 90.3%, #f243a0 93.5%, #f6489f 96.8%, #f94b9f 100.0%);
background: linear-gradient(135deg in oklch, oklch(11.81% 0.0303 315.00) 0.0%, oklch(12.90% 0.0379 314.92) 3.2%, oklch(14.29% 0.0480 314.70) 6.5%, oklch(15.92% 0.0599 314.40) 9.7%, oklch(17.75% 0.0733 314.08) 12.9%, oklch(19.74% 0.0876 313.79) 16.1%, oklch(21.83% 0.1024 313.58) 19.4%, oklch(24.00% 0.1172 313.51) 22.6%, oklch(26.21% 0.1301 313.60) 25.8%, oklch(28.37% 0.1405 313.99) 29.0%, oklch(30.45% 0.1503 314.67) 32.3%, oklch(32.48% 0.1594 315.71) 35.5%, oklch(34.60% 0.1686 317.08) 38.7%, oklch(36.79% 0.1777 318.74) 41.9%, oklch(39.02% 0.1867 320.63) 45.2%, oklch(41.28% 0.1953 322.70) 48.4%, oklch(43.53% 0.2037 324.88) 51.6%, oklch(45.75% 0.2116 327.14) 54.8%, oklch(47.90% 0.2190 329.40) 58.1%, oklch(49.97% 0.2260 331.62) 61.3%, oklch(51.93% 0.2323 333.74) 64.5%, oklch(53.75% 0.2382 335.74) 67.7%, oklch(55.54% 0.2420 337.81) 71.0%, oklch(57.30% 0.2417 340.01) 74.2%, oklch(59.03% 0.2402 342.26) 77.4%, oklch(60.69% 0.2377 344.52) 80.6%, oklch(62.26% 0.2346 346.74) 83.9%, oklch(63.73% 0.2311 348.84) 87.1%, oklch(65.07% 0.2276 350.80) 90.3%, oklch(66.26% 0.2245 352.53) 93.5%, oklch(67.28% 0.2220 354.01) 96.8%, oklch(68.11% 0.2205 355.16) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.118 | 0.03 | 315 |
| 2 | 0.311 | 0.16 | 315 |
| 3 | 0.531 | 0.24 | 335.1 |
| 4 | 0.681 | 0.22 | 355.2 |

## In these collections

- [Day of the Dead gradients](https://grabient.com/day-of-the-dead-gradients)

## Other forms

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