# Analogous navy to lavender linear gradient

Analogous navy to lavender linear gradient with 32 colors: #25144f, #291954, #2e1e59, #342460, #3c2b67, #44336f, #4c3b78, #564481, #604d8a, #6a5694, #745f9d, #7e68a6, #8871af, #917ab7, #9a82be, #a289c5, #a890ca, #ae96cf, #b49cd3, #b9a2d7, #bea7da, #c3addd, #c7b2e0, #cbb6e2, #cebbe4, #d1bfe6, #d4c3e7, #d7c7e9, #dacbea, #dcceeb, #ded1ed, #e0d3ee. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kSQUrO1yDBfCOQG`
- Page: https://grabient.com/kSQUrO1yDBfCOQG?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 11.3 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 | `#25144f` | `oklch(25.59% 0.1020 290.39)` | Praise of Shadow | white, 16.2 to 1 |
| 2 | `#291954` | `oklch(27.19% 0.1016 290.87)` | Silent Orbit | white, 15.4 to 1 |
| 3 | `#2e1e59` | `oklch(29.19% 0.1013 291.47)` | Cluedo Night | white, 14.5 to 1 |
| 4 | `#342460` | `oklch(31.54% 0.1009 292.17)` | Paris M | white, 13.3 to 1 |
| 5 | `#3c2b67` | `oklch(34.18% 0.1006 292.97)` | Minsk | white, 12.1 to 1 |
| 6 | `#44336f` | `oklch(37.06% 0.1002 293.84)` | Abra Purple | white, 10.8 to 1 |
| 7 | `#4c3b78` | `oklch(40.13% 0.0998 294.77)` | Loden Purple | white, 9.5 to 1 |
| 8 | `#564481` | `oklch(43.33% 0.0994 295.73)` | Cyber Grape | white, 8.3 to 1 |
| 9 | `#604d8a` | `oklch(46.62% 0.0988 296.71)` | Bright Eggplant | white, 7.2 to 1 |
| 10 | `#6a5694` | `oklch(49.93% 0.0981 297.70)` | Rollick | white, 6.2 to 1 |
| 11 | `#745f9d` | `oklch(53.22% 0.0973 298.68)` | Scampi | white, 5.4 to 1 |
| 12 | `#7e68a6` | `oklch(56.43% 0.0964 299.63)` | Wintertime Mauve | white, 4.7 to 1 |
| 13 | `#8871af` | `oklch(59.51% 0.0952 300.53)` | Dahlia Purple | black, 5 to 1 |
| 14 | `#917ab7` | `oklch(62.41% 0.0939 301.37)` | Royal Raul | black, 5.6 to 1 |
| 15 | `#9a82be` | `oklch(65.07% 0.0923 302.12)` | Purple Mountains’ Majesty | black, 6.2 to 1 |
| 16 | `#a289c5` | `oklch(67.44% 0.0906 302.78)` | Classic Bouquet | black, 6.9 to 1 |
| 17 | `#a890ca` | `oklch(69.51% 0.0885 303.34)` | Fleur-De-Lis | black, 7.4 to 1 |
| 18 | `#ae96cf` | `oklch(71.43% 0.0859 303.83)` | Biloba Flower | black, 8 to 1 |
| 19 | `#b49cd3` | `oklch(73.26% 0.0830 304.28)` | Violet Velvet | black, 8.6 to 1 |
| 20 | `#b9a2d7` | `oklch(74.98% 0.0797 304.68)` | Purple Premiere | black, 9.1 to 1 |
| 21 | `#bea7da` | `oklch(76.60% 0.0761 305.04)` | Perfume | black, 9.7 to 1 |
| 22 | `#c3addd` | `oklch(78.13% 0.0723 305.37)` | Perfume | black, 10.2 to 1 |
| 23 | `#c7b2e0` | `oklch(79.56% 0.0683 305.66)` | Lavender Field Dreamer | black, 10.8 to 1 |
| 24 | `#cbb6e2` | `oklch(80.90% 0.0643 305.92)` | Viking Diva | black, 11.3 to 1 |
| 25 | `#cebbe4` | `oklch(82.16% 0.0603 306.15)` | Drifting Dream | black, 11.8 to 1 |
| 26 | `#d1bfe6` | `oklch(83.32% 0.0564 306.36)` | York Plum | black, 12.3 to 1 |
| 27 | `#d4c3e7` | `oklch(84.40% 0.0526 306.55)` | York Plum | black, 12.8 to 1 |
| 28 | `#d7c7e9` | `oklch(85.39% 0.0491 306.72)` | Foggy Love | black, 13.2 to 1 |
| 29 | `#dacbea` | `oklch(86.31% 0.0458 306.87)` | Plum’s the Word | black, 13.6 to 1 |
| 30 | `#dcceeb` | `oklch(87.14% 0.0429 307.02)` | Plum’s the Word | black, 14 to 1 |
| 31 | `#ded1ed` | `oklch(87.90% 0.0405 307.16)` | Teary Eyed | black, 14.4 to 1 |
| 32 | `#e0d3ee` | `oklch(88.58% 0.0386 307.30)` | Teary Eyed | black, 14.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #25144f 0.0%, #291954 3.2%, #2e1e59 6.5%, #342460 9.7%, #3c2b67 12.9%, #44336f 16.1%, #4c3b78 19.4%, #564481 22.6%, #604d8a 25.8%, #6a5694 29.0%, #745f9d 32.3%, #7e68a6 35.5%, #8871af 38.7%, #917ab7 41.9%, #9a82be 45.2%, #a289c5 48.4%, #a890ca 51.6%, #ae96cf 54.8%, #b49cd3 58.1%, #b9a2d7 61.3%, #bea7da 64.5%, #c3addd 67.7%, #c7b2e0 71.0%, #cbb6e2 74.2%, #cebbe4 77.4%, #d1bfe6 80.6%, #d4c3e7 83.9%, #d7c7e9 87.1%, #dacbea 90.3%, #dcceeb 93.5%, #ded1ed 96.8%, #e0d3ee 100.0%);
background: linear-gradient(135deg in oklch, oklch(25.59% 0.1020 290.39) 0.0%, oklch(27.19% 0.1016 290.87) 3.2%, oklch(29.19% 0.1013 291.47) 6.5%, oklch(31.54% 0.1009 292.17) 9.7%, oklch(34.18% 0.1006 292.97) 12.9%, oklch(37.06% 0.1002 293.84) 16.1%, oklch(40.13% 0.0998 294.77) 19.4%, oklch(43.33% 0.0994 295.73) 22.6%, oklch(46.62% 0.0988 296.71) 25.8%, oklch(49.93% 0.0981 297.70) 29.0%, oklch(53.22% 0.0973 298.68) 32.3%, oklch(56.43% 0.0964 299.63) 35.5%, oklch(59.51% 0.0952 300.53) 38.7%, oklch(62.41% 0.0939 301.37) 41.9%, oklch(65.07% 0.0923 302.12) 45.2%, oklch(67.44% 0.0906 302.78) 48.4%, oklch(69.51% 0.0885 303.34) 51.6%, oklch(71.43% 0.0859 303.83) 54.8%, oklch(73.26% 0.0830 304.28) 58.1%, oklch(74.98% 0.0797 304.68) 61.3%, oklch(76.60% 0.0761 305.04) 64.5%, oklch(78.13% 0.0723 305.37) 67.7%, oklch(79.56% 0.0683 305.66) 71.0%, oklch(80.90% 0.0643 305.92) 74.2%, oklch(82.16% 0.0603 306.15) 77.4%, oklch(83.32% 0.0564 306.36) 80.6%, oklch(84.40% 0.0526 306.55) 83.9%, oklch(85.39% 0.0491 306.72) 87.1%, oklch(86.31% 0.0458 306.87) 90.3%, oklch(87.14% 0.0429 307.02) 93.5%, oklch(87.90% 0.0405 307.16) 96.8%, oklch(88.58% 0.0386 307.30) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.256 | 0.102 | 290.4 |
| 2 | 0.685 | 0.09 | 303.1 |
| 3 | 0.886 | 0.039 | 307.3 |

## In these collections

- [Purple and pink gradients](https://grabient.com/purple-and-pink-gradients)

## Other forms

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