# Analogous navy, blue and lavender linear gradient

Analogous navy, blue and lavender linear gradient with 32 colors: #0a1535, #0c193c, #0e1d47, #102355, #112964, #133074, #153683, #183c92, #1e419f, #2445aa, #2c48b5, #354bbf, #3f4dc8, #494fd0, #5351d8, #5d53de, #6756e4, #7158e8, #7b5aeb, #855bed, #8f5def, #9960ef, #a264f0, #ab69f0, #b470f1, #bd79f3, #c683f4, #ce8ef5, #d698f7, #dca2f9, #e2aafa, #e6b0fb. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWNS69s7i_sVKwfTx8K6arBQ`
- Page: https://grabient.com/kWNS69s7i_sVKwfTx8K6arBQ?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: dark to light, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.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 | `#0a1535` | `oklch(20.87% 0.0634 266.48)` | Liberty Blue | white, 17.8 to 1 |
| 2 | `#0c193c` | `oklch(22.49% 0.0711 266.18)` | Maastricht Blue | white, 17.2 to 1 |
| 3 | `#0e1d47` | `oklch(24.69% 0.0817 265.62)` | Oxford Blue | white, 16.3 to 1 |
| 4 | `#102355` | `oklch(27.33% 0.0944 264.95)` | Dark Soul | white, 15.1 to 1 |
| 5 | `#112964` | `oklch(30.22% 0.1082 264.30)` | Schiava Blue | white, 13.7 to 1 |
| 6 | `#133074` | `oklch(33.20% 0.1224 263.80)` | Atlantic Navy | white, 12.4 to 1 |
| 7 | `#153683` | `oklch(36.12% 0.1359 263.60)` | Bavarian Blue | white, 11.1 to 1 |
| 8 | `#183c92` | `oklch(38.80% 0.1481 263.83)` | Navy Seal | white, 10 to 1 |
| 9 | `#1e419f` | `oklch(41.09% 0.1580 264.63)` | Space Explorer | white, 9.1 to 1 |
| 10 | `#2445aa` | `oklch(43.13% 0.1668 265.95)` | Soulstone Blue | white, 8.4 to 1 |
| 11 | `#2c48b5` | `oklch(45.05% 0.1750 267.70)` | Night in Manchester | white, 7.7 to 1 |
| 12 | `#354bbf` | `oklch(46.87% 0.1825 269.79)` | Kikorangi Blue | white, 7.2 to 1 |
| 13 | `#3f4dc8` | `oklch(48.60% 0.1892 272.15)` | Gorgonzola Blue | white, 6.7 to 1 |
| 14 | `#494fd0` | `oklch(50.27% 0.1951 274.68)` | Gorgonzola Blue | white, 6.3 to 1 |
| 15 | `#5351d8` | `oklch(51.90% 0.2000 277.32)` | Dark Soft Violet | white, 5.9 to 1 |
| 16 | `#5d53de` | `oklch(53.52% 0.2038 279.97)` | Majorelle Blue | white, 5.5 to 1 |
| 17 | `#6756e4` | `oklch(55.12% 0.2066 282.62)` | Majorelle Blue | white, 5.2 to 1 |
| 18 | `#7158e8` | `oklch(56.60% 0.2084 285.56)` | Candy Grape Fizz | white, 4.9 to 1 |
| 19 | `#7b5aeb` | `oklch(57.98% 0.2095 288.72)` | Candy Grape Fizz | white, 4.6 to 1 |
| 20 | `#855bed` | `oklch(59.32% 0.2095 292.00)` | Gloomy Purple | black, 4.7 to 1 |
| 21 | `#8f5def` | `oklch(60.66% 0.2085 295.28)` | Forgotten Kyawthuite | black, 4.9 to 1 |
| 22 | `#9960ef` | `oklch(62.07% 0.2064 298.44)` | Forgotten Kyawthuite | black, 5.2 to 1 |
| 23 | `#a264f0` | `oklch(63.60% 0.2031 301.37)` | Orion Nebula | black, 5.6 to 1 |
| 24 | `#ab69f0` | `oklch(65.29% 0.1984 303.95)` | Queer Purple | black, 6 to 1 |
| 25 | `#b470f1` | `oklch(67.26% 0.1918 306.16)` | Queer Purple | black, 6.5 to 1 |
| 26 | `#bd79f3` | `oklch(69.60% 0.1823 308.17)` | Illicit Purple | black, 7.1 to 1 |
| 27 | `#c683f4` | `oklch(72.16% 0.1707 309.98)` | Azuremyst Isle | black, 7.9 to 1 |
| 28 | `#ce8ef5` | `oklch(74.80% 0.1582 311.60)` | Liliac | black, 8.7 to 1 |
| 29 | `#d698f7` | `oklch(77.35% 0.1455 313.03)` | Plasma Trail | black, 9.6 to 1 |
| 30 | `#dca2f9` | `oklch(79.68% 0.1338 314.26)` | Medium Lavender Magenta | black, 10.5 to 1 |
| 31 | `#e2aafa` | `oklch(81.64% 0.1240 315.30)` | Testosterose | black, 11.3 to 1 |
| 32 | `#e6b0fb` | `oklch(83.07% 0.1171 316.15)` | Mauve | black, 11.9 to 1 |

## CSS

```css
background: linear-gradient(180deg, #0a1535 0.0%, #0c193c 3.2%, #0e1d47 6.5%, #102355 9.7%, #112964 12.9%, #133074 16.1%, #153683 19.4%, #183c92 22.6%, #1e419f 25.8%, #2445aa 29.0%, #2c48b5 32.3%, #354bbf 35.5%, #3f4dc8 38.7%, #494fd0 41.9%, #5351d8 45.2%, #5d53de 48.4%, #6756e4 51.6%, #7158e8 54.8%, #7b5aeb 58.1%, #855bed 61.3%, #8f5def 64.5%, #9960ef 67.7%, #a264f0 71.0%, #ab69f0 74.2%, #b470f1 77.4%, #bd79f3 80.6%, #c683f4 83.9%, #ce8ef5 87.1%, #d698f7 90.3%, #dca2f9 93.5%, #e2aafa 96.8%, #e6b0fb 100.0%);
background: linear-gradient(180deg in oklch, oklch(20.87% 0.0634 266.48) 0.0%, oklch(22.49% 0.0711 266.18) 3.2%, oklch(24.69% 0.0817 265.62) 6.5%, oklch(27.33% 0.0944 264.95) 9.7%, oklch(30.22% 0.1082 264.30) 12.9%, oklch(33.20% 0.1224 263.80) 16.1%, oklch(36.12% 0.1359 263.60) 19.4%, oklch(38.80% 0.1481 263.83) 22.6%, oklch(41.09% 0.1580 264.63) 25.8%, oklch(43.13% 0.1668 265.95) 29.0%, oklch(45.05% 0.1750 267.70) 32.3%, oklch(46.87% 0.1825 269.79) 35.5%, oklch(48.60% 0.1892 272.15) 38.7%, oklch(50.27% 0.1951 274.68) 41.9%, oklch(51.90% 0.2000 277.32) 45.2%, oklch(53.52% 0.2038 279.97) 48.4%, oklch(55.12% 0.2066 282.62) 51.6%, oklch(56.60% 0.2084 285.56) 54.8%, oklch(57.98% 0.2095 288.72) 58.1%, oklch(59.32% 0.2095 292.00) 61.3%, oklch(60.66% 0.2085 295.28) 64.5%, oklch(62.07% 0.2064 298.44) 67.7%, oklch(63.60% 0.2031 301.37) 71.0%, oklch(65.29% 0.1984 303.95) 74.2%, oklch(67.26% 0.1918 306.16) 77.4%, oklch(69.60% 0.1823 308.17) 80.6%, oklch(72.16% 0.1707 309.98) 83.9%, oklch(74.80% 0.1582 311.60) 87.1%, oklch(77.35% 0.1455 313.03) 90.3%, oklch(79.68% 0.1338 314.26) 93.5%, oklch(81.64% 0.1240 315.30) 96.8%, oklch(83.07% 0.1171 316.15) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.209 | 0.063 | 266.5 |
| 2 | 0.406 | 0.156 | 264.4 |
| 3 | 0.543 | 0.205 | 281.3 |
| 4 | 0.657 | 0.197 | 304.5 |
| 5 | 0.831 | 0.117 | 316.2 |

## In these collections

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

## Other forms

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