# Analogous black, blue and purple radial gradient

Analogous black, blue and purple radial gradient with 32 colors: #1d1d1f, #1d1d23, #1e1d28, #1e1d2e, #1f1c35, #201c3d, #221b46, #251a51, #28195f, #2c176e, #30137f, #340d8f, #38059e, #3d00ac, #4200b8, #4800c5, #4e00d2, #5500de, #5c01e7, #6201ed, #6901f1, #6f01f3, #7501f3, #7c01f1, #8301ed, #8a01e8, #9300df, #9b00d3, #a300c5, #aa01b8, #af02ac, #b204a4. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYOwLLoR3AC3Mv285EBQmRBsNVw6`
- Page: https://grabient.com/kYOwLLoR3AC3Mv285EBQmRBsNVw6?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.7 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 | `#1d1d1f` | `oklch(23.23% 0.0028 286.17)` | Satin Deep Black | white, 16.7 to 1 |
| 2 | `#1d1d23` | `oklch(23.44% 0.0104 286.34)` | Satin Deep Black | white, 16.7 to 1 |
| 3 | `#1e1d28` | `oklch(23.66% 0.0205 286.62)` | Coarse Wool | white, 16.6 to 1 |
| 4 | `#1e1d2e` | `oklch(23.96% 0.0326 286.93)` | Black Howl | white, 16.5 to 1 |
| 5 | `#1f1c35` | `oklch(24.37% 0.0465 287.20)` | Sombre Night | white, 16.4 to 1 |
| 6 | `#201c3d` | `oklch(24.96% 0.0617 287.34)` | Nightwalker | white, 16.2 to 1 |
| 7 | `#221b46` | `oklch(25.79% 0.0780 287.27)` | Azulado | white, 15.9 to 1 |
| 8 | `#251a51` | `oklch(26.89% 0.0960 286.89)` | Silent Orbit | white, 15.5 to 1 |
| 9 | `#28195f` | `oklch(28.26% 0.1171 286.17)` | Night Fog | white, 15 to 1 |
| 10 | `#2c176e` | `oklch(29.84% 0.1400 285.26)` | Nebula Night | white, 14.4 to 1 |
| 11 | `#30137f` | `oklch(31.55% 0.1631 284.34)` | Persian Indigo | white, 13.8 to 1 |
| 12 | `#340d8f` | `oklch(33.33% 0.1850 283.56)` | Full Swing Indigo | white, 13.1 to 1 |
| 13 | `#38059e` | `oklch(35.12% 0.2042 283.08)` | Violet Hickey | white, 12.4 to 1 |
| 14 | `#3d00ac` | `oklch(36.94% 0.2189 282.95)` | Deep Daijin Blue | white, 11.7 to 1 |
| 15 | `#4200b8` | `oklch(38.93% 0.2306 283.00)` | Indigo Blue | white, 10.9 to 1 |
| 16 | `#4800c5` | `oklch(41.04% 0.2427 283.21)` | Violet Blue | white, 10 to 1 |
| 17 | `#4e00d2` | `oklch(43.12% 0.2543 283.63)` | Violet Blue | white, 9.2 to 1 |
| 18 | `#5500de` | `oklch(45.08% 0.2646 284.34)` | Space Opera | white, 8.6 to 1 |
| 19 | `#5c01e7` | `oklch(46.78% 0.2722 285.37)` | Gonzo Violet | white, 8 to 1 |
| 20 | `#6201ed` | `oklch(48.14% 0.2775 286.77)` | Gonzo Violet | white, 7.6 to 1 |
| 21 | `#6901f1` | `oklch(49.19% 0.2808 288.39)` | Purple Blue | white, 7.3 to 1 |
| 22 | `#6f01f3` | `oklch(50.02% 0.2821 290.28)` | Bright Indigo | white, 7 to 1 |
| 23 | `#7501f3` | `oklch(50.67% 0.2819 292.49)` | Bright Indigo | white, 6.8 to 1 |
| 24 | `#7c01f1` | `oklch(51.19% 0.2804 295.09)` | Poisoning Purple | white, 6.7 to 1 |
| 25 | `#8301ed` | `oklch(51.64% 0.2780 298.15)` | Electric Violet | white, 6.5 to 1 |
| 26 | `#8a01e8` | `oklch(52.05% 0.2749 301.75)` | Electric Violet | white, 6.4 to 1 |
| 27 | `#9300df` | `oklch(52.36% 0.2697 306.52)` | Vibrant Violet | white, 6.3 to 1 |
| 28 | `#9b00d3` | `oklch(52.55% 0.2626 312.25)` | Violet Ink | white, 6.2 to 1 |
| 29 | `#a300c5` | `oklch(52.64% 0.2548 318.35)` | Nebula | white, 6.2 to 1 |
| 30 | `#aa01b8` | `oklch(52.69% 0.2470 324.19)` | Heliotrope Magenta | white, 6.1 to 1 |
| 31 | `#af02ac` | `oklch(52.71% 0.2402 329.17)` | Purple Potion | white, 6.1 to 1 |
| 32 | `#b204a4` | `oklch(52.76% 0.2356 332.67)` | Rosolanc Purple | white, 6.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #1d1d1f 0.0%, #1d1d23 3.2%, #1e1d28 6.5%, #1e1d2e 9.7%, #1f1c35 12.9%, #201c3d 16.1%, #221b46 19.4%, #251a51 22.6%, #28195f 25.8%, #2c176e 29.0%, #30137f 32.3%, #340d8f 35.5%, #38059e 38.7%, #3d00ac 41.9%, #4200b8 45.2%, #4800c5 48.4%, #4e00d2 51.6%, #5500de 54.8%, #5c01e7 58.1%, #6201ed 61.3%, #6901f1 64.5%, #6f01f3 67.7%, #7501f3 71.0%, #7c01f1 74.2%, #8301ed 77.4%, #8a01e8 80.6%, #9300df 83.9%, #9b00d3 87.1%, #a300c5 90.3%, #aa01b8 93.5%, #af02ac 96.8%, #b204a4 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(23.23% 0.0028 286.17) 0.0%, oklch(23.44% 0.0104 286.34) 3.2%, oklch(23.66% 0.0205 286.62) 6.5%, oklch(23.96% 0.0326 286.93) 9.7%, oklch(24.37% 0.0465 287.20) 12.9%, oklch(24.96% 0.0617 287.34) 16.1%, oklch(25.79% 0.0780 287.27) 19.4%, oklch(26.89% 0.0960 286.89) 22.6%, oklch(28.26% 0.1171 286.17) 25.8%, oklch(29.84% 0.1400 285.26) 29.0%, oklch(31.55% 0.1631 284.34) 32.3%, oklch(33.33% 0.1850 283.56) 35.5%, oklch(35.12% 0.2042 283.08) 38.7%, oklch(36.94% 0.2189 282.95) 41.9%, oklch(38.93% 0.2306 283.00) 45.2%, oklch(41.04% 0.2427 283.21) 48.4%, oklch(43.12% 0.2543 283.63) 51.6%, oklch(45.08% 0.2646 284.34) 54.8%, oklch(46.78% 0.2722 285.37) 58.1%, oklch(48.14% 0.2775 286.77) 61.3%, oklch(49.19% 0.2808 288.39) 64.5%, oklch(50.02% 0.2821 290.28) 67.7%, oklch(50.67% 0.2819 292.49) 71.0%, oklch(51.19% 0.2804 295.09) 74.2%, oklch(51.64% 0.2780 298.15) 77.4%, oklch(52.05% 0.2749 301.75) 80.6%, oklch(52.36% 0.2697 306.52) 83.9%, oklch(52.55% 0.2626 312.25) 87.1%, oklch(52.64% 0.2548 318.35) 90.3%, oklch(52.69% 0.2470 324.19) 93.5%, oklch(52.71% 0.2402 329.17) 96.8%, oklch(52.76% 0.2356 332.67) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.232 | 0.003 | 286.2 |
| 2 | 0.26 | 0.081 | 287.2 |
| 3 | 0.358 | 0.211 | 283 |
| 4 | 0.476 | 0.276 | 286.2 |
| 5 | 0.52 | 0.276 | 301 |
| 6 | 0.528 | 0.236 | 332.7 |

## In these collections

- [Electric purple gradients](https://grabient.com/electric-purple-gradients)

## Other forms

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