# Violet Violet Near-Black Quiet Field

This diagonal gradient moves through deep violet, purple, violet, purple, and near-black. The complete visible route keeps the collection’s named color relationship clear while providing distinct light and dark areas for type, marks, and framing.

- Also called: Analogous purple, pink and black linear gradient
- Seed: `kYLULU1zfEMNIPXIycLGCI8AoNwo`
- Page: https://grabient.com/kYLULU1zfEMNIPXIycLGCI8AoNwo?steps=32&angle=240
- Drawn as: linear gradient, 32 steps, 240 degrees
- Kinds: light center, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.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 | `#180132` | `oklch(17.72% 0.0909 298.83)` | Quiet Abyss | white, 19.2 to 1 |
| 2 | `#290c43` | `oklch(23.75% 0.0976 303.21)` | Oily Purple | white, 17 to 1 |
| 3 | `#45205d` | `oklch(32.69% 0.1069 309.77)` | Galactic Wonder | white, 12.9 to 1 |
| 4 | `#69387a` | `oklch(43.04% 0.1180 317.35)` | Comtesse | white, 8.5 to 1 |
| 5 | `#914f96` | `oklch(53.33% 0.1297 324.76)` | Vicious Violet | white, 5.5 to 1 |
| 6 | `#b564ad` | `oklch(62.09% 0.1411 330.85)` | Young Purple | black, 5.3 to 1 |
| 7 | `#cf71bd` | `oklch(67.85% 0.1512 334.44)` | Gulābī Pink | black, 6.7 to 1 |
| 8 | `#d773c5` | `oklch(69.58% 0.1599 334.49)` | Purple Kush | black, 7.1 to 1 |
| 9 | `#d26dc7` | `oklch(68.20% 0.1686 331.43)` | French Mauve | black, 6.7 to 1 |
| 10 | `#c462c6` | `oklch(64.79% 0.1769 326.55)` | Purple Urn Orchid | black, 5.8 to 1 |
| 11 | `#b154c3` | `oklch(60.45% 0.1846 321.12)` | Love Priestess | black, 4.9 to 1 |
| 12 | `#a047be` | `oklch(56.27% 0.1913 316.45)` | Fuchsia Pheromone | white, 5 to 1 |
| 13 | `#943dba` | `oklch(53.33% 0.1967 313.81)` | Akebi Purple | white, 5.7 to 1 |
| 14 | `#9338b8` | `oklch(52.56% 0.2009 314.42)` | Akebi Purple | white, 5.9 to 1 |
| 15 | `#9c36b8` | `oklch(53.50% 0.2052 318.08)` | Akebi Purple | white, 5.7 to 1 |
| 16 | `#a937b6` | `oklch(55.32% 0.2088 323.52)` | Vivid Fuchsia | white, 5.3 to 1 |
| 17 | `#b738b2` | `oklch(57.25% 0.2109 329.45)` | Vivid Fuchsia | white, 4.9 to 1 |
| 18 | `#c13aad` | `oklch(58.49% 0.2105 334.59)` | Pink Perennial | white, 4.7 to 1 |
| 19 | `#c239a5` | `oklch(58.26% 0.2068 337.64)` | Byzantine | white, 4.7 to 1 |
| 20 | `#b7359c` | `oklch(55.77% 0.1986 337.32)` | Byzantine | white, 5.2 to 1 |
| 21 | `#9f2e91` | `oklch(50.80% 0.1846 333.31)` | Warm Purple | white, 6.4 to 1 |
| 22 | `#7f2481` | `oklch(44.15% 0.1662 326.87)` | Hello Darkness My Old Friend | white, 8.4 to 1 |
| 23 | `#5e1a6e` | `oklch(36.68% 0.1456 319.42)` | Violethargic | white, 11.4 to 1 |
| 24 | `#400e57` | `oklch(29.27% 0.1249 312.37)` | Ripe Plum | white, 14.7 to 1 |
| 25 | `#2a0542` | `oklch(22.80% 0.1060 307.12)` | Edge of Space | white, 17.5 to 1 |
| 26 | `#1c0131` | `oklch(18.13% 0.0911 305.07)` | Coal Mine | white, 19.1 to 1 |
| 27 | `#130024` | `oklch(14.99% 0.0774 306.09)` | Space Grey | white, 19.9 to 1 |
| 28 | `#0e0019` | `oklch(12.67% 0.0642 309.49)` | Midnight Jam | white, 20.3 to 1 |
| 29 | `#0a0011` | `oklch(11.04% 0.0546 314.20)` | Midnight Jam | white, 20.5 to 1 |
| 30 | `#08000c` | `oklch(9.82% 0.0473 319.49)` | Broken Tube | white, 20.6 to 1 |
| 31 | `#060007` | `oklch(8.82% 0.0414 324.27)` | Raven’s Coat | white, 20.7 to 1 |
| 32 | `#050005` | `oklch(7.92% 0.0366 327.30)` | Raven’s Coat | white, 20.8 to 1 |

## CSS

```css
background: linear-gradient(240deg, #180132 0.0%, #290c43 3.2%, #45205d 6.5%, #69387a 9.7%, #914f96 12.9%, #b564ad 16.1%, #cf71bd 19.4%, #d773c5 22.6%, #d26dc7 25.8%, #c462c6 29.0%, #b154c3 32.3%, #a047be 35.5%, #943dba 38.7%, #9338b8 41.9%, #9c36b8 45.2%, #a937b6 48.4%, #b738b2 51.6%, #c13aad 54.8%, #c239a5 58.1%, #b7359c 61.3%, #9f2e91 64.5%, #7f2481 67.7%, #5e1a6e 71.0%, #400e57 74.2%, #2a0542 77.4%, #1c0131 80.6%, #130024 83.9%, #0e0019 87.1%, #0a0011 90.3%, #08000c 93.5%, #060007 96.8%, #050005 100.0%);
background: linear-gradient(240deg in oklch, oklch(17.72% 0.0909 298.83) 0.0%, oklch(23.75% 0.0976 303.21) 3.2%, oklch(32.69% 0.1069 309.77) 6.5%, oklch(43.04% 0.1180 317.35) 9.7%, oklch(53.33% 0.1297 324.76) 12.9%, oklch(62.09% 0.1411 330.85) 16.1%, oklch(67.85% 0.1512 334.44) 19.4%, oklch(69.58% 0.1599 334.49) 22.6%, oklch(68.20% 0.1686 331.43) 25.8%, oklch(64.79% 0.1769 326.55) 29.0%, oklch(60.45% 0.1846 321.12) 32.3%, oklch(56.27% 0.1913 316.45) 35.5%, oklch(53.33% 0.1967 313.81) 38.7%, oklch(52.56% 0.2009 314.42) 41.9%, oklch(53.50% 0.2052 318.08) 45.2%, oklch(55.32% 0.2088 323.52) 48.4%, oklch(57.25% 0.2109 329.45) 51.6%, oklch(58.49% 0.2105 334.59) 54.8%, oklch(58.26% 0.2068 337.64) 58.1%, oklch(55.77% 0.1986 337.32) 61.3%, oklch(50.80% 0.1846 333.31) 64.5%, oklch(44.15% 0.1662 326.87) 67.7%, oklch(36.68% 0.1456 319.42) 71.0%, oklch(29.27% 0.1249 312.37) 74.2%, oklch(22.80% 0.1060 307.12) 77.4%, oklch(18.13% 0.0911 305.07) 80.6%, oklch(14.99% 0.0774 306.09) 83.9%, oklch(12.67% 0.0642 309.49) 87.1%, oklch(11.04% 0.0546 314.20) 90.3%, oklch(9.82% 0.0473 319.49) 93.5%, oklch(8.82% 0.0414 324.27) 96.8%, oklch(7.92% 0.0366 327.30) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.177 | 0.091 | 298.8 |
| 2 | 0.685 | 0.153 | 334.8 |
| 3 | 0.528 | 0.198 | 313.6 |
| 4 | 0.571 | 0.203 | 337.9 |
| 5 | 0.189 | 0.094 | 305.2 |
| 6 | 0.079 | 0.037 | 327.4 |

## In these collections

- [Purple and pink gradients](https://grabient.com/purple-and-pink-gradients)

## Other forms

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