# Navy lavender pearl gradient

Analogous navy to lavender radial gradient with 32 colors: #081331, #091435, #0c1739, #0e193e, #111b43, #141e49, #18214f, #1c2456, #20275d, #252b65, #2a2f6c, #303374, #36387c, #3d3d83, #44438a, #4b4991, #534f98, #5c579f, #6660a7, #7069ae, #7c74b6, #877fbe, #938ac5, #9f95cd, #aba1d4, #b7addb, #c2b8e2, #ccc2e9, #d6ccef, #ded5f4, #e5ddf9, #ebe3fd. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous navy to lavender radial gradient
- Seed: `kSMi69OipB_YNQg`
- Page: https://grabient.com/kSMi69OipB_YNQg?style=radialGradient&steps=32&angle=180
- Drawn as: radial gradient, 32 steps, 180 degrees
- Kinds: dark to light, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 14.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 | `#081331` | `oklch(19.69% 0.0634 265.78)` | Squid’s Ink | white, 18.3 to 1 |
| 2 | `#091435` | `oklch(20.59% 0.0655 266.39)` | Liberty Blue | white, 18 to 1 |
| 3 | `#0c1739` | `oklch(21.61% 0.0685 267.13)` | Liberty Blue | white, 17.6 to 1 |
| 4 | `#0e193e` | `oklch(22.76% 0.0722 267.97)` | Maastricht Blue | white, 17.1 to 1 |
| 5 | `#111b43` | `oklch(24.02% 0.0764 268.92)` | Konkikyō Blue | white, 16.6 to 1 |
| 6 | `#141e49` | `oklch(25.39% 0.0811 269.95)` | Konkikyō Blue | white, 16 to 1 |
| 7 | `#18214f` | `oklch(26.88% 0.0859 271.05)` | Fly-by-Night | white, 15.3 to 1 |
| 8 | `#1c2456` | `oklch(28.47% 0.0909 272.21)` | Spacescape | white, 14.6 to 1 |
| 9 | `#20275d` | `oklch(30.16% 0.0958 273.42)` | Deep Breath | white, 13.8 to 1 |
| 10 | `#252b65` | `oklch(31.94% 0.1005 274.66)` | Mythical Night | white, 13 to 1 |
| 11 | `#2a2f6c` | `oklch(33.82% 0.1048 275.92)` | Blue Rose | white, 12.1 to 1 |
| 12 | `#303374` | `oklch(35.79% 0.1087 277.20)` | Ballpoint Indigo | white, 11.2 to 1 |
| 13 | `#36387c` | `oklch(37.85% 0.1118 278.47)` | Ballpoint Indigo | white, 10.4 to 1 |
| 14 | `#3d3d83` | `oklch(39.99% 0.1142 279.72)` | Clematis Blue | white, 9.5 to 1 |
| 15 | `#44438a` | `oklch(42.21% 0.1157 280.94)` | Spectrum Blue | white, 8.6 to 1 |
| 16 | `#4b4991` | `oklch(44.50% 0.1160 282.12)` | Moonlight Sonata | white, 7.8 to 1 |
| 17 | `#534f98` | `oklch(46.90% 0.1151 283.26)` | Blue Ember | white, 7.1 to 1 |
| 18 | `#5c579f` | `oklch(49.60% 0.1129 284.46)` | Purple Opulence | white, 6.3 to 1 |
| 19 | `#6660a7` | `oklch(52.60% 0.1095 285.72)` | Blue Iris | white, 5.5 to 1 |
| 20 | `#7069ae` | `oklch(55.83% 0.1051 287.03)` | Clear Mauve | white, 4.8 to 1 |
| 21 | `#7c74b6` | `oklch(59.24% 0.0998 288.36)` | Purple Hebe | black, 5 to 1 |
| 22 | `#877fbe` | `oklch(62.78% 0.0939 289.72)` | Faraway Sky | black, 5.7 to 1 |
| 23 | `#938ac5` | `oklch(66.39% 0.0875 291.07)` | Magic Carpet | black, 6.6 to 1 |
| 24 | `#9f95cd` | `oklch(70.01% 0.0808 292.40)` | Distinct Purple | black, 7.6 to 1 |
| 25 | `#aba1d4` | `oklch(73.60% 0.0739 293.70)` | Simply Violet | black, 8.7 to 1 |
| 26 | `#b7addb` | `oklch(77.08% 0.0670 294.96)` | Purple Hibiscus | black, 9.9 to 1 |
| 27 | `#c2b8e2` | `oklch(80.42% 0.0604 296.15)` | Melrose | black, 11.2 to 1 |
| 28 | `#ccc2e9` | `oklch(83.55% 0.0540 297.27)` | Party Hat | black, 12.4 to 1 |
| 29 | `#d6ccef` | `oklch(86.42% 0.0483 298.29)` | Plum’s the Word | black, 13.7 to 1 |
| 30 | `#ded5f4` | `oklch(88.98% 0.0432 299.21)` | Japan Blush | black, 14.9 to 1 |
| 31 | `#e5ddf9` | `oklch(91.16% 0.0390 300.00)` | Stoic White | black, 15.9 to 1 |
| 32 | `#ebe3fd` | `oklch(92.91% 0.0358 300.65)` | Lavender Mist | black, 16.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #081331 0.0%, #091435 3.2%, #0c1739 6.5%, #0e193e 9.7%, #111b43 12.9%, #141e49 16.1%, #18214f 19.4%, #1c2456 22.6%, #20275d 25.8%, #252b65 29.0%, #2a2f6c 32.3%, #303374 35.5%, #36387c 38.7%, #3d3d83 41.9%, #44438a 45.2%, #4b4991 48.4%, #534f98 51.6%, #5c579f 54.8%, #6660a7 58.1%, #7069ae 61.3%, #7c74b6 64.5%, #877fbe 67.7%, #938ac5 71.0%, #9f95cd 74.2%, #aba1d4 77.4%, #b7addb 80.6%, #c2b8e2 83.9%, #ccc2e9 87.1%, #d6ccef 90.3%, #ded5f4 93.5%, #e5ddf9 96.8%, #ebe3fd 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(19.69% 0.0634 265.78) 0.0%, oklch(20.59% 0.0655 266.39) 3.2%, oklch(21.61% 0.0685 267.13) 6.5%, oklch(22.76% 0.0722 267.97) 9.7%, oklch(24.02% 0.0764 268.92) 12.9%, oklch(25.39% 0.0811 269.95) 16.1%, oklch(26.88% 0.0859 271.05) 19.4%, oklch(28.47% 0.0909 272.21) 22.6%, oklch(30.16% 0.0958 273.42) 25.8%, oklch(31.94% 0.1005 274.66) 29.0%, oklch(33.82% 0.1048 275.92) 32.3%, oklch(35.79% 0.1087 277.20) 35.5%, oklch(37.85% 0.1118 278.47) 38.7%, oklch(39.99% 0.1142 279.72) 41.9%, oklch(42.21% 0.1157 280.94) 45.2%, oklch(44.50% 0.1160 282.12) 48.4%, oklch(46.90% 0.1151 283.26) 51.6%, oklch(49.60% 0.1129 284.46) 54.8%, oklch(52.60% 0.1095 285.72) 58.1%, oklch(55.83% 0.1051 287.03) 61.3%, oklch(59.24% 0.0998 288.36) 64.5%, oklch(62.78% 0.0939 289.72) 67.7%, oklch(66.39% 0.0875 291.07) 71.0%, oklch(70.01% 0.0808 292.40) 74.2%, oklch(73.60% 0.0739 293.70) 77.4%, oklch(77.08% 0.0670 294.96) 80.6%, oklch(80.42% 0.0604 296.15) 83.9%, oklch(83.55% 0.0540 297.27) 87.1%, oklch(86.42% 0.0483 298.29) 90.3%, oklch(88.98% 0.0432 299.21) 93.5%, oklch(91.16% 0.0390 300.00) 96.8%, oklch(92.91% 0.0358 300.65) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.197 | 0.063 | 265.8 |
| 2 | 0.457 | 0.116 | 282.7 |
| 3 | 0.929 | 0.036 | 300.7 |

## In these collections

- [Radial gradients](https://grabient.com/radial-gradients)

## Other forms

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