# Navy and ochre Day of the Dead

Black, purple, pink and orange angular gradient with 40 colors: #130d26, #170e2d, #1c1137, #231344, #2b1553, #341762, #3f1872, #491982, #551a91, #601b9e, #6b1da8, #761fb1, #8222b9, #8e26c0, #9b2ac5, #a72ec9, #b432cb, #c035cc, #cc39cb, #d73cc9, #e13fc4, #ea42bd, #f145b5, #f649ab, #fb4da1, #fe5296, #ff598b, #ff6181, #ff6878, #ff6f70, #ff7769, #ff8061, #ff8859, #ff9050, #ff9845, #ff9f37, #ffa621, #fdad00, #fab300, #f7b800. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black, purple, pink and orange angular gradient
- Seed: `kWLiTPtsjBVHXQ5bxUXaD3HA`
- Page: https://grabient.com/kWLiTPtsjBVHXQ5bxUXaD3HA?style=angularGradient&steps=40&angle=15
- Drawn as: angular gradient, 40 steps, 15 degrees
- Kinds: dark to light, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 10.6 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 | `#130d26` | `oklch(18.11% 0.0496 291.80)` | Corbeau | white, 18.9 to 1 |
| 2 | `#170e2d` | `oklch(19.65% 0.0593 292.42)` | Midnight Monarch | white, 18.4 to 1 |
| 3 | `#1c1137` | `oklch(21.65% 0.0725 293.11)` | Midnight Monarch | white, 17.7 to 1 |
| 4 | `#231344` | `oklch(24.03% 0.0884 293.89)` | Shadow Planet | white, 16.8 to 1 |
| 5 | `#2b1553` | `oklch(26.69% 0.1060 294.79)` | Vanishing | white, 15.7 to 1 |
| 6 | `#341762` | `oklch(29.55% 0.1246 295.83)` | Candied Blueberry | white, 14.5 to 1 |
| 7 | `#3f1872` | `oklch(32.50% 0.1432 297.04)` | Explorer of the Galaxies | white, 13.2 to 1 |
| 8 | `#491982` | `oklch(35.47% 0.1612 298.43)` | Occult | white, 12 to 1 |
| 9 | `#551a91` | `oklch(38.35% 0.1775 300.03)` | Eggplant Tint | white, 10.8 to 1 |
| 10 | `#601b9e` | `oklch(41.05% 0.1915 301.87)` | Wild Violet | white, 9.7 to 1 |
| 11 | `#6b1da8` | `oklch(43.51% 0.2022 303.97)` | Indiviolet Sunset | white, 8.8 to 1 |
| 12 | `#761fb1` | `oklch(45.91% 0.2109 306.29)` | Fuchsia Nebula | white, 8 to 1 |
| 13 | `#8222b9` | `oklch(48.34% 0.2184 308.80)` | Pheromone Purple | white, 7.2 to 1 |
| 14 | `#8e26c0` | `oklch(50.76% 0.2246 311.52)` | Pheromone Purple | white, 6.5 to 1 |
| 15 | `#9b2ac5` | `oklch(53.14% 0.2297 314.44)` | Purple Vanity | white, 5.9 to 1 |
| 16 | `#a72ec9` | `oklch(55.46% 0.2336 317.56)` | Telemagenta | white, 5.4 to 1 |
| 17 | `#b432cb` | `oklch(57.68% 0.2366 320.88)` | Telemagenta | white, 4.9 to 1 |
| 18 | `#c035cc` | `oklch(59.76% 0.2386 324.40)` | Ultraviolet Berl | black, 4.6 to 1 |
| 19 | `#cc39cb` | `oklch(61.68% 0.2397 328.11)` | Steel Pink | black, 5 to 1 |
| 20 | `#d73cc9` | `oklch(63.40% 0.2399 332.03)` | Pinkish Purple | black, 5.3 to 1 |
| 21 | `#e13fc4` | `oklch(64.88% 0.2393 336.16)` | Purplish Pink | black, 5.7 to 1 |
| 22 | `#ea42bd` | `oklch(66.10% 0.2368 340.55)` | Purplish Pink | black, 5.9 to 1 |
| 23 | `#f145b5` | `oklch(67.09% 0.2327 345.20)` | Major Magenta | black, 6.2 to 1 |
| 24 | `#f649ab` | `oklch(67.91% 0.2274 350.06)` | Major Magenta | black, 6.4 to 1 |
| 25 | `#fb4da1` | `oklch(68.59% 0.2212 355.11)` | Barbie Pink | black, 6.6 to 1 |
| 26 | `#fe5296` | `oklch(69.20% 0.2146 0.33)` | Fuchsia Fever | black, 6.8 to 1 |
| 27 | `#ff598b` | `oklch(69.77% 0.2038 5.69)` | Stellar Strawberry | black, 7 to 1 |
| 28 | `#ff6181` | `oklch(70.37% 0.1931 11.16)` | Brink Pink | black, 7.2 to 1 |
| 29 | `#ff6878` | `oklch(71.04% 0.1840 16.71)` | Kisses and Hugs | black, 7.5 to 1 |
| 30 | `#ff6f70` | `oklch(71.82% 0.1758 22.33)` | Georgia Peach | black, 7.7 to 1 |
| 31 | `#ff7769` | `oklch(72.77% 0.1683 28.19)` | Salmon | black, 8.1 to 1 |
| 32 | `#ff8061` | `oklch(73.82% 0.1620 34.70)` | Sunset Papaya | black, 8.4 to 1 |
| 33 | `#ff8859` | `oklch(74.96% 0.1576 41.68)` | Tiger of Mysore | black, 8.9 to 1 |
| 34 | `#ff9050` | `oklch(76.14% 0.1554 48.88)` | Boredom Buster | black, 9.3 to 1 |
| 35 | `#ff9845` | `oklch(77.31% 0.1559 56.07)` | Absolute Apricot | black, 9.8 to 1 |
| 36 | `#ff9f37` | `oklch(78.45% 0.1592 63.03)` | Blazing Bonfire | black, 10.2 to 1 |
| 37 | `#ffa621` | `oklch(79.52% 0.1654 69.53)` | Mango | black, 10.7 to 1 |
| 38 | `#fdad00` | `oklch(80.48% 0.1695 75.33)` | Fresh Squeezed | black, 11.1 to 1 |
| 39 | `#fab300` | `oklch(81.28% 0.1682 80.22)` | Yellow Summer | black, 11.5 to 1 |
| 40 | `#f7b800` | `oklch(81.89% 0.1681 83.96)` | Blue Angels Yellow | black, 11.8 to 1 |

## CSS

```css
background: conic-gradient(from 15deg, #130d26 0.0%, #170e2d 2.6%, #1c1137 5.1%, #231344 7.7%, #2b1553 10.3%, #341762 12.8%, #3f1872 15.4%, #491982 17.9%, #551a91 20.5%, #601b9e 23.1%, #6b1da8 25.6%, #761fb1 28.2%, #8222b9 30.8%, #8e26c0 33.3%, #9b2ac5 35.9%, #a72ec9 38.5%, #b432cb 41.0%, #c035cc 43.6%, #cc39cb 46.2%, #d73cc9 48.7%, #e13fc4 51.3%, #ea42bd 53.8%, #f145b5 56.4%, #f649ab 59.0%, #fb4da1 61.5%, #fe5296 64.1%, #ff598b 66.7%, #ff6181 69.2%, #ff6878 71.8%, #ff6f70 74.4%, #ff7769 76.9%, #ff8061 79.5%, #ff8859 82.1%, #ff9050 84.6%, #ff9845 87.2%, #ff9f37 89.7%, #ffa621 92.3%, #fdad00 94.9%, #fab300 97.4%, #f7b800 100.0%);
background: conic-gradient(from 15deg in oklch, oklch(18.11% 0.0496 291.80) 0.0%, oklch(19.65% 0.0593 292.42) 2.6%, oklch(21.65% 0.0725 293.11) 5.1%, oklch(24.03% 0.0884 293.89) 7.7%, oklch(26.69% 0.1060 294.79) 10.3%, oklch(29.55% 0.1246 295.83) 12.8%, oklch(32.50% 0.1432 297.04) 15.4%, oklch(35.47% 0.1612 298.43) 17.9%, oklch(38.35% 0.1775 300.03) 20.5%, oklch(41.05% 0.1915 301.87) 23.1%, oklch(43.51% 0.2022 303.97) 25.6%, oklch(45.91% 0.2109 306.29) 28.2%, oklch(48.34% 0.2184 308.80) 30.8%, oklch(50.76% 0.2246 311.52) 33.3%, oklch(53.14% 0.2297 314.44) 35.9%, oklch(55.46% 0.2336 317.56) 38.5%, oklch(57.68% 0.2366 320.88) 41.0%, oklch(59.76% 0.2386 324.40) 43.6%, oklch(61.68% 0.2397 328.11) 46.2%, oklch(63.40% 0.2399 332.03) 48.7%, oklch(64.88% 0.2393 336.16) 51.3%, oklch(66.10% 0.2368 340.55) 53.8%, oklch(67.09% 0.2327 345.20) 56.4%, oklch(67.91% 0.2274 350.06) 59.0%, oklch(68.59% 0.2212 355.11) 61.5%, oklch(69.20% 0.2146 0.33) 64.1%, oklch(69.77% 0.2038 5.69) 66.7%, oklch(70.37% 0.1931 11.16) 69.2%, oklch(71.04% 0.1840 16.71) 71.8%, oklch(71.82% 0.1758 22.33) 74.4%, oklch(72.77% 0.1683 28.19) 76.9%, oklch(73.82% 0.1620 34.70) 79.5%, oklch(74.96% 0.1576 41.68) 82.1%, oklch(76.14% 0.1554 48.88) 84.6%, oklch(77.31% 0.1559 56.07) 87.2%, oklch(78.45% 0.1592 63.03) 89.7%, oklch(79.52% 0.1654 69.53) 92.3%, oklch(80.48% 0.1695 75.33) 94.9%, oklch(81.28% 0.1682 80.22) 97.4%, oklch(81.89% 0.1681 83.96) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.181 | 0.05 | 291.8 |
| 2 | 0.429 | 0.2 | 303.4 |
| 3 | 0.642 | 0.24 | 334.1 |
| 4 | 0.72 | 0.19 | 383.7 |
| 5 | 0.819 | 0.169 | 444 |

## In these collections

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

## Other forms

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