# Near-Black Violet Near-Black Halo

This radial gradient moves from the center outward through near-black, deep violet, blue, violet, cyan, muted blue, 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: Black, navy, purple and blue linear gradient
- Seed: `kWHibyJ5610G_SNWpLGigxQ4`
- Page: https://grabient.com/kWHibyJ5610G_SNWpLGigxQ4?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 8 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 | `#11000b` | `oklch(11.87% 0.0515 340.42)` | Glossy Black | white, 20.4 to 1 |
| 2 | `#130111` | `oklch(13.35% 0.0545 332.29)` | Glossy Black | white, 20.1 to 1 |
| 3 | `#16031a` | `oklch(15.39% 0.0569 320.33)` | Election Night | white, 19.7 to 1 |
| 4 | `#180825` | `oklch(17.82% 0.0597 306.03)` | Meški Black | white, 19 to 1 |
| 5 | `#181031` | `oklch(20.53% 0.0631 290.95)` | Midnight Monarch | white, 18.1 to 1 |
| 6 | `#16193d` | `oklch(23.39% 0.0672 276.70)` | Nightwalker | white, 16.9 to 1 |
| 7 | `#132247` | `oklch(26.29% 0.0724 264.86)` | Dark Eclipse | white, 15.5 to 1 |
| 8 | `#0e2b52` | `oklch(29.11% 0.0786 257.02)` | Dark Tyrian Blue | white, 14.1 to 1 |
| 9 | `#0e325d` | `oklch(31.75% 0.0862 254.81)` | Ambassador Blue | white, 12.8 to 1 |
| 10 | `#18376a` | `oklch(34.38% 0.0970 259.84)` | Passionate Blue | white, 11.7 to 1 |
| 11 | `#2b397a` | `oklch(37.08% 0.1107 270.60)` | Ballpoint Indigo | white, 10.6 to 1 |
| 12 | `#423987` | `oklch(39.81% 0.1258 284.81)` | Clematis Blue | white, 9.7 to 1 |
| 13 | `#5c368e` | `oklch(42.53% 0.1410 300.15)` | Ruthless Empress | white, 8.8 to 1 |
| 14 | `#743390` | `oklch(45.22% 0.1547 314.35)` | Skeletor’s Cape | white, 7.9 to 1 |
| 15 | `#89328f` | `oklch(47.84% 0.1656 325.10)` | Dull Violet | white, 7.2 to 1 |
| 16 | `#973492` | `oklch(50.36% 0.1723 330.11)` | Warm Purple | white, 6.5 to 1 |
| 17 | `#9d3d9e` | `oklch(52.90% 0.1735 326.98)` | Medium Purple | white, 5.8 to 1 |
| 18 | `#994fb8` | `oklch(56.18% 0.1696 314.74)` | Purple Plum | white, 5 to 1 |
| 19 | `#8a67d4` | `oklch(59.91% 0.1619 296.04)` | Amethyst | black, 4.9 to 1 |
| 20 | `#6f81e6` | `oklch(63.60% 0.1514 273.84)` | Soft Blue | black, 5.9 to 1 |
| 21 | `#4c98e7` | `oklch(66.80% 0.1391 251.10)` | Flax Flower Blue | black, 6.9 to 1 |
| 22 | `#2da9db` | `oklch(69.04% 0.1263 230.78)` | Royal Peacock | black, 7.7 to 1 |
| 23 | `#2cafcb` | `oklch(69.84% 0.1138 215.85)` | Aquarius | black, 8.1 to 1 |
| 24 | `#38acbd` | `oklch(68.74% 0.1029 209.27)` | Explore Blue | black, 7.7 to 1 |
| 25 | `#3d9eb2` | `oklch(65.06% 0.0936 213.36)` | Aquatic Cool | black, 6.7 to 1 |
| 26 | `#3e86a2` | `oklch(58.51% 0.0836 226.69)` | Dirty Blue | black, 5.1 to 1 |
| 27 | `#3f678b` | `oklch(49.96% 0.0735 246.60)` | French Mirage Blue | white, 5.9 to 1 |
| 28 | `#3b466b` | `oklch(40.27% 0.0635 270.47)` | Starlit Night | white, 9.1 to 1 |
| 29 | `#312947` | `oklch(30.34% 0.0540 295.68)` | Blackberry Black | white, 13.6 to 1 |
| 30 | `#211125` | `oklch(21.04% 0.0456 319.59)` | Inside | white, 17.9 to 1 |
| 31 | `#11030c` | `oklch(13.26% 0.0384 339.57)` | Glossy Black | white, 20.1 to 1 |
| 32 | `#060002` | `oklch(7.91% 0.0326 353.21)` | Raven’s Coat | white, 20.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #11000b 0.0%, #130111 3.2%, #16031a 6.5%, #180825 9.7%, #181031 12.9%, #16193d 16.1%, #132247 19.4%, #0e2b52 22.6%, #0e325d 25.8%, #18376a 29.0%, #2b397a 32.3%, #423987 35.5%, #5c368e 38.7%, #743390 41.9%, #89328f 45.2%, #973492 48.4%, #9d3d9e 51.6%, #994fb8 54.8%, #8a67d4 58.1%, #6f81e6 61.3%, #4c98e7 64.5%, #2da9db 67.7%, #2cafcb 71.0%, #38acbd 74.2%, #3d9eb2 77.4%, #3e86a2 80.6%, #3f678b 83.9%, #3b466b 87.1%, #312947 90.3%, #211125 93.5%, #11030c 96.8%, #060002 100.0%);
background: linear-gradient(135deg in oklch, oklch(11.87% 0.0515 340.42) 0.0%, oklch(13.35% 0.0545 332.29) 3.2%, oklch(15.39% 0.0569 320.33) 6.5%, oklch(17.82% 0.0597 306.03) 9.7%, oklch(20.53% 0.0631 290.95) 12.9%, oklch(23.39% 0.0672 276.70) 16.1%, oklch(26.29% 0.0724 264.86) 19.4%, oklch(29.11% 0.0786 257.02) 22.6%, oklch(31.75% 0.0862 254.81) 25.8%, oklch(34.38% 0.0970 259.84) 29.0%, oklch(37.08% 0.1107 270.60) 32.3%, oklch(39.81% 0.1258 284.81) 35.5%, oklch(42.53% 0.1410 300.15) 38.7%, oklch(45.22% 0.1547 314.35) 41.9%, oklch(47.84% 0.1656 325.10) 45.2%, oklch(50.36% 0.1723 330.11) 48.4%, oklch(52.90% 0.1735 326.98) 51.6%, oklch(56.18% 0.1696 314.74) 54.8%, oklch(59.91% 0.1619 296.04) 58.1%, oklch(63.60% 0.1514 273.84) 61.3%, oklch(66.80% 0.1391 251.10) 64.5%, oklch(69.04% 0.1263 230.78) 67.7%, oklch(69.84% 0.1138 215.85) 71.0%, oklch(68.74% 0.1029 209.27) 74.2%, oklch(65.06% 0.0936 213.36) 77.4%, oklch(58.51% 0.0836 226.69) 80.6%, oklch(49.96% 0.0735 246.60) 83.9%, oklch(40.27% 0.0635 270.47) 87.1%, oklch(30.34% 0.0540 295.68) 90.3%, oklch(21.04% 0.0456 319.59) 93.5%, oklch(13.26% 0.0384 339.57) 96.8%, oklch(7.91% 0.0326 353.21) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.118 | 0.052 | 340.3 |
| 2 | 0.311 | 0.084 | 254.7 |
| 3 | 0.516 | 0.174 | 329.7 |
| 4 | 0.681 | 0.101 | 209.3 |
| 5 | 0.079 | 0.033 | 353 |

## In these collections

- [Pink and blue gradients](https://grabient.com/pink-and-blue-gradients)

## Other forms

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