# Midnight purple party

Analogous black, purple and pink linear gradient with 32 colors: #0c0816, #0f0a1b, #120b21, #160d28, #1b0f30, #211239, #271442, #2d164b, #331954, #3a1b5d, #421d67, #4a2071, #52237b, #5b2684, #64298d, #6d2d95, #76319c, #8035a2, #8a3aa6, #943faa, #9d45ae, #a74bb0, #b151b2, #ba58b4, #c35fb6, #cc67b8, #d470b9, #dc79bb, #e382bd, #e98abe, #ed91c0, #f197c2. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous black, purple and pink linear gradient
- Seed: `kWJhbSI6TAjk9wROvcJYyvCQ`
- Page: https://grabient.com/kWJhbSI6TAjk9wROvcJYyvCQ?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: dark to light
- Hues: analogous
- 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 | `#0c0816` | `oklch(14.96% 0.0303 295.31)` | Narwhal Grey | white, 19.7 to 1 |
| 2 | `#0f0a1b` | `oklch(15.97% 0.0360 295.71)` | Tristesse | white, 19.5 to 1 |
| 3 | `#120b21` | `oklch(17.29% 0.0435 296.20)` | Tristesse | white, 19.1 to 1 |
| 4 | `#160d28` | `oklch(18.86% 0.0525 296.78)` | Corbeau | white, 18.6 to 1 |
| 5 | `#1b0f30` | `oklch(20.63% 0.0624 297.45)` | Midnight Monarch | white, 18.1 to 1 |
| 6 | `#211239` | `oklch(22.52% 0.0729 298.19)` | Blacklist | white, 17.4 to 1 |
| 7 | `#271442` | `oklch(24.50% 0.0834 299.01)` | Prune Plum | white, 16.6 to 1 |
| 8 | `#2d164b` | `oklch(26.49% 0.0935 299.90)` | Russian Violet | white, 15.7 to 1 |
| 9 | `#331954` | `oklch(28.44% 0.1029 300.83)` | Fabric of Space | white, 14.9 to 1 |
| 10 | `#3a1b5d` | `oklch(30.46% 0.1125 301.78)` | Christalle | white, 14 to 1 |
| 11 | `#421d67` | `oklch(32.58% 0.1228 302.73)` | Fading Horizon | white, 13 to 1 |
| 12 | `#4a2071` | `oklch(34.77% 0.1331 303.75)` | Fading Horizon | white, 12.1 to 1 |
| 13 | `#52237b` | `oklch(37.02% 0.1431 304.86)` | Spanish Violet | white, 11.1 to 1 |
| 14 | `#5b2684` | `oklch(39.28% 0.1524 306.11)` | Purplex | white, 10.2 to 1 |
| 15 | `#64298d` | `oklch(41.55% 0.1605 307.54)` | Queens of the Dead | white, 9.3 to 1 |
| 16 | `#6d2d95` | `oklch(43.78% 0.1670 309.19)` | Rebecca Purple | white, 8.5 to 1 |
| 17 | `#76319c` | `oklch(45.98% 0.1715 311.10)` | Skeletor’s Cape | white, 7.8 to 1 |
| 18 | `#8035a2` | `oklch(48.17% 0.1746 313.33)` | Pleasant Purple | white, 7.1 to 1 |
| 19 | `#8a3aa6` | `oklch(50.37% 0.1763 315.80)` | Pleasant Purple | white, 6.4 to 1 |
| 20 | `#943faa` | `oklch(52.57% 0.1769 318.46)` | Akebi Purple | white, 5.9 to 1 |
| 21 | `#9d45ae` | `oklch(54.77% 0.1765 321.23)` | Tyrian Shimmer | white, 5.3 to 1 |
| 22 | `#a74bb0` | `oklch(56.95% 0.1752 324.04)` | Fuchsia Pheromone | white, 4.9 to 1 |
| 23 | `#b151b2` | `oklch(59.13% 0.1731 326.83)` | Orchid Dottyback | black, 4.6 to 1 |
| 24 | `#ba58b4` | `oklch(61.28% 0.1703 329.53)` | Mazzy Star | black, 5.1 to 1 |
| 25 | `#c35fb6` | `oklch(63.47% 0.1664 332.21)` | Mazzy Star | black, 5.6 to 1 |
| 26 | `#cc67b8` | `oklch(65.83% 0.1607 335.12)` | Pú Táo Zǐ Purple | black, 6.1 to 1 |
| 27 | `#d470b9` | `oklch(68.25% 0.1535 338.13)` | Sky Magenta | black, 6.8 to 1 |
| 28 | `#dc79bb` | `oklch(70.65% 0.1457 341.11)` | Fuchsia Blush | black, 7.5 to 1 |
| 29 | `#e382bd` | `oklch(72.91% 0.1378 343.95)` | Fuchsia Blush | black, 8.1 to 1 |
| 30 | `#e98abe` | `oklch(74.95% 0.1304 346.51)` | Blushed Bombshell | black, 8.8 to 1 |
| 31 | `#ed91c0` | `oklch(76.67% 0.1242 348.66)` | Shocking | black, 9.4 to 1 |
| 32 | `#f197c2` | `oklch(77.95% 0.1199 350.26)` | Pastel Magenta | black, 9.9 to 1 |

## CSS

```css
background: linear-gradient(180deg, #0c0816 0.0%, #0f0a1b 3.2%, #120b21 6.5%, #160d28 9.7%, #1b0f30 12.9%, #211239 16.1%, #271442 19.4%, #2d164b 22.6%, #331954 25.8%, #3a1b5d 29.0%, #421d67 32.3%, #4a2071 35.5%, #52237b 38.7%, #5b2684 41.9%, #64298d 45.2%, #6d2d95 48.4%, #76319c 51.6%, #8035a2 54.8%, #8a3aa6 58.1%, #943faa 61.3%, #9d45ae 64.5%, #a74bb0 67.7%, #b151b2 71.0%, #ba58b4 74.2%, #c35fb6 77.4%, #cc67b8 80.6%, #d470b9 83.9%, #dc79bb 87.1%, #e382bd 90.3%, #e98abe 93.5%, #ed91c0 96.8%, #f197c2 100.0%);
background: linear-gradient(180deg in oklch, oklch(14.96% 0.0303 295.31) 0.0%, oklch(15.97% 0.0360 295.71) 3.2%, oklch(17.29% 0.0435 296.20) 6.5%, oklch(18.86% 0.0525 296.78) 9.7%, oklch(20.63% 0.0624 297.45) 12.9%, oklch(22.52% 0.0729 298.19) 16.1%, oklch(24.50% 0.0834 299.01) 19.4%, oklch(26.49% 0.0935 299.90) 22.6%, oklch(28.44% 0.1029 300.83) 25.8%, oklch(30.46% 0.1125 301.78) 29.0%, oklch(32.58% 0.1228 302.73) 32.3%, oklch(34.77% 0.1331 303.75) 35.5%, oklch(37.02% 0.1431 304.86) 38.7%, oklch(39.28% 0.1524 306.11) 41.9%, oklch(41.55% 0.1605 307.54) 45.2%, oklch(43.78% 0.1670 309.19) 48.4%, oklch(45.98% 0.1715 311.10) 51.6%, oklch(48.17% 0.1746 313.33) 54.8%, oklch(50.37% 0.1763 315.80) 58.1%, oklch(52.57% 0.1769 318.46) 61.3%, oklch(54.77% 0.1765 321.23) 64.5%, oklch(56.95% 0.1752 324.04) 67.7%, oklch(59.13% 0.1731 326.83) 71.0%, oklch(61.28% 0.1703 329.53) 74.2%, oklch(63.47% 0.1664 332.21) 77.4%, oklch(65.83% 0.1607 335.12) 80.6%, oklch(68.25% 0.1535 338.13) 83.9%, oklch(70.65% 0.1457 341.11) 87.1%, oklch(72.91% 0.1378 343.95) 90.3%, oklch(74.95% 0.1304 346.51) 93.5%, oklch(76.67% 0.1242 348.66) 96.8%, oklch(77.95% 0.1199 350.26) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.15 | 0.03 | 295.3 |
| 2 | 0.28 | 0.101 | 300.6 |
| 3 | 0.449 | 0.169 | 310.1 |
| 4 | 0.618 | 0.169 | 330.2 |
| 5 | 0.78 | 0.12 | 350.3 |

## In these collections

- [New Year's Eve color palette](https://grabient.com/new-years-eve-color-palette)

## Other forms

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