# Analogous lavender, navy and gray radial gradient

Analogous lavender, navy and gray radial gradient with 32 colors: #b99dc9, #b598c8, #ae91c6, #a689c4, #9d80c1, #9478bd, #8b6fb8, #8066b2, #765eac, #6c56a5, #624e9e, #594796, #50418d, #483b86, #42377e, #3c3477, #383170, #343069, #323163, #35325b, #383554, #3a394e, #3c3e4c, #3d454d, #404c4e, #47534e, #535a4e, #5f604f, #6b6952, #767353, #7d7c55, #828356. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kcuzLe0aU-0GsvuzKz8K6C_S8IPu8CK1TBc_A`
- Page: https://grabient.com/kcuzLe0aU-0GsvuzKz8K6C_S8IPu8CK1TBc_A?style=radialGradient&steps=32&angle=315
- Drawn as: radial gradient, 32 steps, 315 degrees
- Kinds: dark center, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.9 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 | `#b99dc9` | `oklch(73.62% 0.0689 312.89)` | Purple Prophet | black, 8.7 to 1 |
| 2 | `#b598c8` | `oklch(72.19% 0.0744 311.37)` | Atlantic Tulip | black, 8.2 to 1 |
| 3 | `#ae91c6` | `oklch(70.17% 0.0823 309.18)` | Fleur-De-Lis | black, 7.6 to 1 |
| 4 | `#a689c4` | `oklch(67.79% 0.0911 306.70)` | Classic Bouquet | black, 6.9 to 1 |
| 5 | `#9d80c1` | `oklch(65.25% 0.0991 304.30)` | Lilac Purple | black, 6.3 to 1 |
| 6 | `#9478bd` | `oklch(62.69% 0.1054 302.23)` | Royal Raul | black, 5.6 to 1 |
| 7 | `#8b6fb8` | `oklch(59.89% 0.1112 300.26)` | Middle Blue Purple | black, 5 to 1 |
| 8 | `#8066b2` | `oklch(56.94% 0.1164 298.34)` | Lavish Spending | white, 4.6 to 1 |
| 9 | `#765eac` | `oklch(53.99% 0.1204 296.48)` | Genestealer Purple | white, 5.3 to 1 |
| 10 | `#6c56a5` | `oklch(51.19% 0.1229 294.67)` | Prophet Violet | white, 5.9 to 1 |
| 11 | `#624e9e` | `oklch(48.41% 0.1239 292.89)` | Ultrapurple Merge | white, 6.7 to 1 |
| 12 | `#594796` | `oklch(45.64% 0.1237 291.15)` | Liberty | white, 7.5 to 1 |
| 13 | `#50418d` | `oklch(43.03% 0.1223 289.49)` | Moonlight Sonata | white, 8.4 to 1 |
| 14 | `#483b86` | `oklch(40.74% 0.1195 287.94)` | Nauseous Blue | white, 9.3 to 1 |
| 15 | `#42377e` | `oklch(38.80% 0.1157 286.59)` | Galactic Compass | white, 10 to 1 |
| 16 | `#3c3477` | `oklch(37.07% 0.1109 285.48)` | Ballpoint Indigo | white, 10.8 to 1 |
| 17 | `#383170` | `oklch(35.66% 0.1047 284.42)` | Ballpoint Indigo | white, 11.3 to 1 |
| 18 | `#343069` | `oklch(34.65% 0.0967 283.25)` | Deep Koamaru | white, 11.7 to 1 |
| 19 | `#323163` | `oklch(34.17% 0.0862 282.08)` | Deep Koamaru | white, 11.9 to 1 |
| 20 | `#35325b` | `oklch(34.20% 0.0707 284.48)` | Very Blue | white, 11.8 to 1 |
| 21 | `#383554` | `oklch(34.67% 0.0526 287.68)` | Naggaroth Night | white, 11.6 to 1 |
| 22 | `#3a394e` | `oklch(35.55% 0.0355 286.63)` | Carbon Blue | white, 11.1 to 1 |
| 23 | `#3c3e4c` | `oklch(36.80% 0.0232 276.32)` | India Ink | white, 10.5 to 1 |
| 24 | `#3d454d` | `oklch(38.48% 0.0174 250.43)` | Blackbird | white, 9.7 to 1 |
| 25 | `#404c4e` | `oklch(40.65% 0.0158 210.63)` | Rocky Creek | white, 8.9 to 1 |
| 26 | `#47534e` | `oklch(43.13% 0.0173 167.18)` | Evergreen Field | white, 7.9 to 1 |
| 27 | `#535a4e` | `oklch(45.75% 0.0209 130.39)` | Sherwood Forest | white, 7.1 to 1 |
| 28 | `#5f604f` | `oklch(48.42% 0.0259 109.66)` | Stump Green | white, 6.3 to 1 |
| 29 | `#6b6952` | `oklch(51.58% 0.0349 102.58)` | Spruce Woods | white, 5.5 to 1 |
| 30 | `#767353` | `oklch(54.88% 0.0459 103.38)` | Truly Olive | white, 4.8 to 1 |
| 31 | `#7d7c55` | `oklch(57.80% 0.0563 107.15)` | Seaweed Salad | black, 4.9 to 1 |
| 32 | `#828356` | `oklch(59.84% 0.0634 108.94)` | Army Issue Green | black, 5.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #b99dc9 0.0%, #b598c8 3.2%, #ae91c6 6.5%, #a689c4 9.7%, #9d80c1 12.9%, #9478bd 16.1%, #8b6fb8 19.4%, #8066b2 22.6%, #765eac 25.8%, #6c56a5 29.0%, #624e9e 32.3%, #594796 35.5%, #50418d 38.7%, #483b86 41.9%, #42377e 45.2%, #3c3477 48.4%, #383170 51.6%, #343069 54.8%, #323163 58.1%, #35325b 61.3%, #383554 64.5%, #3a394e 67.7%, #3c3e4c 71.0%, #3d454d 74.2%, #404c4e 77.4%, #47534e 80.6%, #535a4e 83.9%, #5f604f 87.1%, #6b6952 90.3%, #767353 93.5%, #7d7c55 96.8%, #828356 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(73.62% 0.0689 312.89) 0.0%, oklch(72.19% 0.0744 311.37) 3.2%, oklch(70.17% 0.0823 309.18) 6.5%, oklch(67.79% 0.0911 306.70) 9.7%, oklch(65.25% 0.0991 304.30) 12.9%, oklch(62.69% 0.1054 302.23) 16.1%, oklch(59.89% 0.1112 300.26) 19.4%, oklch(56.94% 0.1164 298.34) 22.6%, oklch(53.99% 0.1204 296.48) 25.8%, oklch(51.19% 0.1229 294.67) 29.0%, oklch(48.41% 0.1239 292.89) 32.3%, oklch(45.64% 0.1237 291.15) 35.5%, oklch(43.03% 0.1223 289.49) 38.7%, oklch(40.74% 0.1195 287.94) 41.9%, oklch(38.80% 0.1157 286.59) 45.2%, oklch(37.07% 0.1109 285.48) 48.4%, oklch(35.66% 0.1047 284.42) 51.6%, oklch(34.65% 0.0967 283.25) 54.8%, oklch(34.17% 0.0862 282.08) 58.1%, oklch(34.20% 0.0707 284.48) 61.3%, oklch(34.67% 0.0526 287.68) 64.5%, oklch(35.55% 0.0355 286.63) 67.7%, oklch(36.80% 0.0232 276.32) 71.0%, oklch(38.48% 0.0174 250.43) 74.2%, oklch(40.65% 0.0158 210.63) 77.4%, oklch(43.13% 0.0173 167.18) 80.6%, oklch(45.75% 0.0209 130.39) 83.9%, oklch(48.42% 0.0259 109.66) 87.1%, oklch(51.58% 0.0349 102.58) 90.3%, oklch(54.88% 0.0459 103.38) 93.5%, oklch(57.80% 0.0563 107.15) 96.8%, oklch(59.84% 0.0634 108.94) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.736 | 0.069 | 312.9 |
| 2 | 0.642 | 0.102 | 303.4 |
| 3 | 0.516 | 0.123 | 294.9 |
| 4 | 0.402 | 0.119 | 287.5 |
| 5 | 0.343 | 0.09 | 282.2 |
| 6 | 0.37 | 0.022 | 273.8 |
| 7 | 0.472 | 0.023 | 116.3 |
| 8 | 0.598 | 0.063 | 108.9 |

## In these collections

- [Violet rain on sandstone](https://grabient.com/violet-rain-on-sandstone)

## Other forms

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