# Deep violet lavender glow

Analogous navy, blue and purple radial gradient with 32 colors: #0d072e, #120c38, #1a1547, #25215a, #312e70, #3d3c88, #4a4ba1, #5759b9, #6165cf, #6a6fe1, #7074ed, #7376f4, #7172f5, #6c6bf1, #6561ea, #5d55e0, #5548d5, #4e3aca, #4a2cbe, #471fb4, #4712ac, #4a09a6, #5006a1, #590a9b, #631195, #6e188f, #792089, #832783, #8c2e7e, #943479, #9a3975, #9d3d72. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous navy, blue and purple radial gradient
- Seed: `kUKzbJT0G_bDMQTAs0cA`
- Page: https://grabient.com/kUKzbJT0G_bDMQTAs0cA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#0d072e` | `oklch(16.93% 0.0744 282.66)` | Cosmic Void | white, 19.3 to 1 |
| 2 | `#120c38` | `oklch(19.82% 0.0808 282.35)` | Grim Reaper | white, 18.4 to 1 |
| 3 | `#1a1547` | `oklch(23.89% 0.0894 281.88)` | Tetsu-Kon Blue | white, 16.8 to 1 |
| 4 | `#25215a` | `oklch(28.84% 0.0998 281.30)` | Spacescape | white, 14.5 to 1 |
| 5 | `#312e70` | `oklch(34.35% 0.1113 280.65)` | Blue Rose | white, 12 to 1 |
| 6 | `#3d3c88` | `oklch(40.11% 0.1236 279.99)` | Clematis Blue | white, 9.5 to 1 |
| 7 | `#4a4ba1` | `oklch(45.80% 0.1361 279.37)` | Liberty | white, 7.4 to 1 |
| 8 | `#5759b9` | `oklch(51.13% 0.1483 278.85)` | Chinese Bellflower | white, 5.9 to 1 |
| 9 | `#6165cf` | `oklch(55.78% 0.1597 278.47)` | Dark Periwinkle | white, 4.9 to 1 |
| 10 | `#6a6fe1` | `oklch(59.43% 0.1698 278.28)` | C64 Purple | black, 4.9 to 1 |
| 11 | `#7074ed` | `oklch(61.77% 0.1782 278.34)` | Hera Blue | black, 5.4 to 1 |
| 12 | `#7376f4` | `oklch(62.54% 0.1847 278.60)` | Hera Blue | black, 5.5 to 1 |
| 13 | `#7172f5` | `oklch(61.86% 0.1906 278.75)` | Byzantine Night Blue | black, 5.4 to 1 |
| 14 | `#6c6bf1` | `oklch(60.02% 0.1959 278.88)` | If I Could Fly | black, 5 to 1 |
| 15 | `#6561ea` | `oklch(57.31% 0.2005 279.07)` | Blue Hepatica | white, 4.7 to 1 |
| 16 | `#5d55e0` | `oklch(54.02% 0.2043 279.42)` | Majorelle Blue | white, 5.4 to 1 |
| 17 | `#5548d5` | `oklch(50.42% 0.2073 280.02)` | Iris | white, 6.3 to 1 |
| 18 | `#4e3aca` | `oklch(46.82% 0.2095 280.98)` | Royal Nightcore | white, 7.5 to 1 |
| 19 | `#4a2cbe` | `oklch(43.50% 0.2108 282.38)` | Blue Depression | white, 8.7 to 1 |
| 20 | `#471fb4` | `oklch(40.74% 0.2112 284.31)` | Blue Depression | white, 9.9 to 1 |
| 21 | `#4712ac` | `oklch(38.84% 0.2105 286.88)` | Indigo Blue | white, 10.7 to 1 |
| 22 | `#4a09a6` | `oklch(38.05% 0.2087 290.22)` | Aubergine Perl | white, 11.1 to 1 |
| 23 | `#5006a1` | `oklch(38.11% 0.2048 294.77)` | Aubergine Perl | white, 11.1 to 1 |
| 24 | `#590a9b` | `oklch(38.80% 0.1992 300.43)` | Amarklor Violet | white, 10.8 to 1 |
| 25 | `#631195` | `oklch(39.99% 0.1920 306.87)` | Indigo Purple | white, 10.2 to 1 |
| 26 | `#6e188f` | `oklch(41.53% 0.1840 313.82)` | Chinese Purple | white, 9.5 to 1 |
| 27 | `#792089` | `oklch(43.29% 0.1754 320.97)` | Hello Darkness My Old Friend | white, 8.8 to 1 |
| 28 | `#832783` | `oklch(45.15% 0.1667 328.01)` | Hello Darkness My Old Friend | white, 8.1 to 1 |
| 29 | `#8c2e7e` | `oklch(46.96% 0.1584 334.66)` | Violet Vixen | white, 7.4 to 1 |
| 30 | `#943479` | `oklch(48.59% 0.1510 340.61)` | Magenta Red | white, 6.9 to 1 |
| 31 | `#9a3975` | `oklch(49.91% 0.1449 345.57)` | Purple Wine | white, 6.5 to 1 |
| 32 | `#9d3d72` | `oklch(50.79% 0.1406 349.23)` | Maximum Red Purple | white, 6.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #0d072e 0.0%, #120c38 3.2%, #1a1547 6.5%, #25215a 9.7%, #312e70 12.9%, #3d3c88 16.1%, #4a4ba1 19.4%, #5759b9 22.6%, #6165cf 25.8%, #6a6fe1 29.0%, #7074ed 32.3%, #7376f4 35.5%, #7172f5 38.7%, #6c6bf1 41.9%, #6561ea 45.2%, #5d55e0 48.4%, #5548d5 51.6%, #4e3aca 54.8%, #4a2cbe 58.1%, #471fb4 61.3%, #4712ac 64.5%, #4a09a6 67.7%, #5006a1 71.0%, #590a9b 74.2%, #631195 77.4%, #6e188f 80.6%, #792089 83.9%, #832783 87.1%, #8c2e7e 90.3%, #943479 93.5%, #9a3975 96.8%, #9d3d72 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(16.93% 0.0744 282.66) 0.0%, oklch(19.82% 0.0808 282.35) 3.2%, oklch(23.89% 0.0894 281.88) 6.5%, oklch(28.84% 0.0998 281.30) 9.7%, oklch(34.35% 0.1113 280.65) 12.9%, oklch(40.11% 0.1236 279.99) 16.1%, oklch(45.80% 0.1361 279.37) 19.4%, oklch(51.13% 0.1483 278.85) 22.6%, oklch(55.78% 0.1597 278.47) 25.8%, oklch(59.43% 0.1698 278.28) 29.0%, oklch(61.77% 0.1782 278.34) 32.3%, oklch(62.54% 0.1847 278.60) 35.5%, oklch(61.86% 0.1906 278.75) 38.7%, oklch(60.02% 0.1959 278.88) 41.9%, oklch(57.31% 0.2005 279.07) 45.2%, oklch(54.02% 0.2043 279.42) 48.4%, oklch(50.42% 0.2073 280.02) 51.6%, oklch(46.82% 0.2095 280.98) 54.8%, oklch(43.50% 0.2108 282.38) 58.1%, oklch(40.74% 0.2112 284.31) 61.3%, oklch(38.84% 0.2105 286.88) 64.5%, oklch(38.05% 0.2087 290.22) 67.7%, oklch(38.11% 0.2048 294.77) 71.0%, oklch(38.80% 0.1992 300.43) 74.2%, oklch(39.99% 0.1920 306.87) 77.4%, oklch(41.53% 0.1840 313.82) 80.6%, oklch(43.29% 0.1754 320.97) 83.9%, oklch(45.15% 0.1667 328.01) 87.1%, oklch(46.96% 0.1584 334.66) 90.3%, oklch(48.59% 0.1510 340.61) 93.5%, oklch(49.91% 0.1449 345.57) 96.8%, oklch(50.79% 0.1406 349.23) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.169 | 0.074 | 282.7 |
| 2 | 0.622 | 0.181 | 278.4 |
| 3 | 0.382 | 0.209 | 289 |
| 4 | 0.508 | 0.141 | 349.2 |

## In these collections

- [Vaporwave gradients](https://grabient.com/vaporwave-gradients)

## Other forms

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