# Near-black and teal Day of the Dead

The Near-black and teal Day of the Dead brings together black, dark purple, purple, and teal. 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 black, and its lightest tone is teal.

- Also called: Black, purple, blue and teal linear gradient
- Seed: `kUHQW5oadFL9YvzeLzJA`
- Page: https://grabient.com/kUHQW5oadFL9YvzeLzJA?steps=40&angle=315
- Drawn as: linear gradient, 40 steps, 315 degrees
- Kinds: dark to light, vivid, dark
- Hues: two-hue
- Contrast of its darkest and lightest colors: 9.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 | `#040507` | `oklch(11.42% 0.0069 260.86)` | Eight Ball | white, 20.3 to 1 |
| 2 | `#04060a` | `oklch(12.06% 0.0112 262.96)` | Eight Ball | white, 20.2 to 1 |
| 3 | `#05070d` | `oklch(12.81% 0.0165 265.75)` | Eight Ball | white, 20.1 to 1 |
| 4 | `#050812` | `oklch(13.68% 0.0225 269.11)` | Narwhal Grey | white, 19.9 to 1 |
| 5 | `#070917` | `oklch(14.65% 0.0292 272.91)` | Narwhal Grey | white, 19.7 to 1 |
| 6 | `#090b1c` | `oklch(15.71% 0.0366 277.01)` | Tristesse | white, 19.5 to 1 |
| 7 | `#0c0c22` | `oklch(16.85% 0.0445 281.28)` | Tristesse | white, 19.2 to 1 |
| 8 | `#100d28` | `oklch(18.06% 0.0529 285.61)` | Corbeau | white, 18.9 to 1 |
| 9 | `#150e2e` | `oklch(19.34% 0.0616 289.85)` | Spanish Roast | white, 18.5 to 1 |
| 10 | `#1a0e34` | `oklch(20.67% 0.0706 293.87)` | Midnight Monarch | white, 18.1 to 1 |
| 11 | `#200f3a` | `oklch(22.05% 0.0798 297.55)` | Midnight Monarch | white, 17.6 to 1 |
| 12 | `#260f40` | `oklch(23.47% 0.0890 300.76)` | Shadow Planet | white, 17.1 to 1 |
| 13 | `#2c0f47` | `oklch(24.92% 0.0983 303.37)` | Oily Purple | white, 16.5 to 1 |
| 14 | `#32104d` | `oklch(26.38% 0.1075 305.24)` | Vanishing | white, 15.9 to 1 |
| 15 | `#381054` | `oklch(27.89% 0.1175 306.71)` | Vanishing | white, 15.3 to 1 |
| 16 | `#3f0f5c` | `oklch(29.48% 0.1290 308.15)` | Wicked Purple | white, 14.6 to 1 |
| 17 | `#460d65` | `oklch(31.15% 0.1417 309.47)` | Obsidian Shell | white, 13.9 to 1 |
| 18 | `#4d0a6e` | `oklch(32.88% 0.1550 310.60)` | Royal Purple | white, 13.2 to 1 |
| 19 | `#550577` | `oklch(34.66% 0.1688 311.45)` | Velvet Vortex | white, 12.5 to 1 |
| 20 | `#5d0081` | `oklch(36.48% 0.1824 311.95)` | Peaceful Purple | white, 11.7 to 1 |
| 21 | `#64008a` | `oklch(38.35% 0.1919 312.01)` | Peaceful Purple | white, 10.9 to 1 |
| 22 | `#6b0094` | `oklch(40.22% 0.2018 311.56)` | Indigo Purple | white, 10.2 to 1 |
| 23 | `#7100a0` | `oklch(42.11% 0.2124 310.53)` | Chinese Purple | white, 9.5 to 1 |
| 24 | `#7600ad` | `oklch(44.01% 0.2240 308.83)` | Fuchsia Nebula | white, 8.8 to 1 |
| 25 | `#7a00bb` | `oklch(45.88% 0.2364 306.38)` | Violet Poison | white, 8.2 to 1 |
| 26 | `#7b11c8` | `oklch(47.76% 0.2415 303.10)` | Puissant Purple | white, 7.5 to 1 |
| 27 | `#7a21d5` | `oklch(49.61% 0.2439 298.90)` | Puissant Purple | white, 6.9 to 1 |
| 28 | `#7531e2` | `oklch(51.51% 0.2430 293.29)` | Hokkaido Lavender | white, 6.3 to 1 |
| 29 | `#6b43ed` | `oklch(53.54% 0.2390 286.02)` | Bluish Purple | white, 5.7 to 1 |
| 30 | `#5b55f6` | `oklch(55.66% 0.2323 277.39)` | Shady Neon Blue | white, 5.1 to 1 |
| 31 | `#4268fb` | `oklch(57.83% 0.2235 267.71)` | Blue Titmouse | black, 4.5 to 1 |
| 32 | `#067afb` | `oklch(60.02% 0.2130 257.28)` | Blue Darknut | black, 5.1 to 1 |
| 33 | `#008ce1` | `oklch(62.20% 0.1615 246.43)` | Blue Cola | black, 5.8 to 1 |
| 34 | `#0098d4` | `oklch(64.32% 0.1373 235.43)` | Bayern Blue | black, 6.4 to 1 |
| 35 | `#00a2cc` | `oklch(66.35% 0.1253 224.59)` | Charybdis | black, 7 to 1 |
| 36 | `#00abc6` | `oklch(68.27% 0.1201 214.24)` | Sarah’s Garden | black, 7.6 to 1 |
| 37 | `#00b3c1` | `oklch(70.03% 0.1195 204.67)` | Marrakech Mile | black, 8.2 to 1 |
| 38 | `#00babc` | `oklch(71.59% 0.1220 196.18)` | Jade Gravel | black, 8.7 to 1 |
| 39 | `#00c0b8` | `oklch(72.94% 0.1263 189.10)` | Cala Benirrás Blue | black, 9.2 to 1 |
| 40 | `#10c5b4` | `oklch(74.02% 0.1295 183.72)` | Amazonite | black, 9.6 to 1 |

## CSS

```css
background: linear-gradient(315deg, #040507 0.0%, #04060a 2.6%, #05070d 5.1%, #050812 7.7%, #070917 10.3%, #090b1c 12.8%, #0c0c22 15.4%, #100d28 17.9%, #150e2e 20.5%, #1a0e34 23.1%, #200f3a 25.6%, #260f40 28.2%, #2c0f47 30.8%, #32104d 33.3%, #381054 35.9%, #3f0f5c 38.5%, #460d65 41.0%, #4d0a6e 43.6%, #550577 46.2%, #5d0081 48.7%, #64008a 51.3%, #6b0094 53.8%, #7100a0 56.4%, #7600ad 59.0%, #7a00bb 61.5%, #7b11c8 64.1%, #7a21d5 66.7%, #7531e2 69.2%, #6b43ed 71.8%, #5b55f6 74.4%, #4268fb 76.9%, #067afb 79.5%, #008ce1 82.1%, #0098d4 84.6%, #00a2cc 87.2%, #00abc6 89.7%, #00b3c1 92.3%, #00babc 94.9%, #00c0b8 97.4%, #10c5b4 100.0%);
background: linear-gradient(315deg in oklch, oklch(11.42% 0.0069 260.86) 0.0%, oklch(12.06% 0.0112 262.96) 2.6%, oklch(12.81% 0.0165 265.75) 5.1%, oklch(13.68% 0.0225 269.11) 7.7%, oklch(14.65% 0.0292 272.91) 10.3%, oklch(15.71% 0.0366 277.01) 12.8%, oklch(16.85% 0.0445 281.28) 15.4%, oklch(18.06% 0.0529 285.61) 17.9%, oklch(19.34% 0.0616 289.85) 20.5%, oklch(20.67% 0.0706 293.87) 23.1%, oklch(22.05% 0.0798 297.55) 25.6%, oklch(23.47% 0.0890 300.76) 28.2%, oklch(24.92% 0.0983 303.37) 30.8%, oklch(26.38% 0.1075 305.24) 33.3%, oklch(27.89% 0.1175 306.71) 35.9%, oklch(29.48% 0.1290 308.15) 38.5%, oklch(31.15% 0.1417 309.47) 41.0%, oklch(32.88% 0.1550 310.60) 43.6%, oklch(34.66% 0.1688 311.45) 46.2%, oklch(36.48% 0.1824 311.95) 48.7%, oklch(38.35% 0.1919 312.01) 51.3%, oklch(40.22% 0.2018 311.56) 53.8%, oklch(42.11% 0.2124 310.53) 56.4%, oklch(44.01% 0.2240 308.83) 59.0%, oklch(45.88% 0.2364 306.38) 61.5%, oklch(47.76% 0.2415 303.10) 64.1%, oklch(49.61% 0.2439 298.90) 66.7%, oklch(51.51% 0.2430 293.29) 69.2%, oklch(53.54% 0.2390 286.02) 71.8%, oklch(55.66% 0.2323 277.39) 74.4%, oklch(57.83% 0.2235 267.71) 76.9%, oklch(60.02% 0.2130 257.28) 79.5%, oklch(62.20% 0.1615 246.43) 82.1%, oklch(64.32% 0.1373 235.43) 84.6%, oklch(66.35% 0.1253 224.59) 87.2%, oklch(68.27% 0.1201 214.24) 89.7%, oklch(70.03% 0.1195 204.67) 92.3%, oklch(71.59% 0.1220 196.18) 94.9%, oklch(72.94% 0.1263 189.10) 97.4%, oklch(74.02% 0.1295 183.72) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.114 | 0.007 | 260.9 |
| 2 | 0.264 | 0.107 | 305.2 |
| 3 | 0.496 | 0.244 | 298.9 |
| 4 | 0.74 | 0.13 | 183.7 |

## In these collections

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

## Other forms

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