# Rose lavender lake mist

Blue, pink, purple and gray linear gradient with 32 colors: #5a83aa, #6a84b1, #8386b8, #9e88b9, #b88db4, #cc93aa, #d79a9f, #dba097, #daa093, #d39b92, #c89092, #b88493, #a37993, #8d6f90, #7a688b, #6c6285, #685f81, #6b5e7f, #725f7d, #7c617b, #856478, #8c6875, #906c74, #916e75, #8d6e78, #856d7b, #7a6c7c, #6e6a7a, #646873, #5e656b, #5b6164, #5a5e60. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Blue, pink, purple and gray linear gradient
- Seed: `kWlzew4JpREEUNHJEEgPQIuI`
- Page: https://grabient.com/kWlzew4JpREEUNHJEEgPQIuI?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 2.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 | `#5a83aa` | `oklch(59.45% 0.0758 248.20)` | Navigator | black, 5.2 to 1 |
| 2 | `#6a84b1` | `oklch(61.07% 0.0755 261.55)` | Kimono | black, 5.5 to 1 |
| 3 | `#8386b8` | `oklch(63.56% 0.0753 281.26)` | Iolite | black, 6 to 1 |
| 4 | `#9e88b9` | `oklch(66.55% 0.0751 304.83)` | Peony Mauve | black, 6.7 to 1 |
| 5 | `#b88db4` | `oklch(69.65% 0.0747 329.77)` | Tiny Ribbons | black, 7.4 to 1 |
| 6 | `#cc93aa` | `oklch(72.50% 0.0742 353.60)` | Honey Pink | black, 8.3 to 1 |
| 7 | `#d79a9f` | `oklch(74.72% 0.0735 13.81)` | Parrot Pink | black, 9 to 1 |
| 8 | `#dba097` | `oklch(75.95% 0.0726 27.91)` | Rhapsodic | black, 9.4 to 1 |
| 9 | `#daa093` | `oklch(75.79% 0.0713 33.41)` | Rhapsodic | black, 9.4 to 1 |
| 10 | `#d39b92` | `oklch(73.99% 0.0696 29.22)` | Shanghai Peach | black, 8.8 to 1 |
| 11 | `#c89092` | `oklch(70.88% 0.0676 17.48)` | Garnet Shadow | black, 7.8 to 1 |
| 12 | `#b88493` | `oklch(66.92% 0.0653 0.84)` | Berry Blush | black, 6.7 to 1 |
| 13 | `#a37993` | `oklch(62.58% 0.0629 341.93)` | Angel Heart | black, 5.7 to 1 |
| 14 | `#8d6f90` | `oklch(58.34% 0.0605 323.37)` | Wine Stroll | black, 4.8 to 1 |
| 15 | `#7a688b` | `oklch(54.65% 0.0582 307.79)` | Nymph’s Delight | white, 5 to 1 |
| 16 | `#6c6285` | `oklch(51.98% 0.0561 297.82)` | Posy Purple | white, 5.6 to 1 |
| 17 | `#685f81` | `oklch(50.74% 0.0543 295.93)` | Napa Winery | white, 5.9 to 1 |
| 18 | `#6b5e7f` | `oklch(50.68% 0.0531 301.91)` | Napa Winery | white, 5.9 to 1 |
| 19 | `#725f7d` | `oklch(51.47% 0.0521 313.34)` | Grape Compote | white, 5.7 to 1 |
| 20 | `#7c617b` | `oklch(52.79% 0.0513 327.74)` | Montana Grape | white, 5.4 to 1 |
| 21 | `#856478` | `oklch(54.36% 0.0504 342.63)` | Port Wine Stain | white, 5.1 to 1 |
| 22 | `#8c6875` | `oklch(55.87% 0.0491 355.53)` | Plum Dandy | white, 4.8 to 1 |
| 23 | `#906c74` | `oklch(57.02% 0.0474 3.97)` | Dull Dusky Pink | black, 4.5 to 1 |
| 24 | `#916e75` | `oklch(57.50% 0.0449 5.45)` | Dull Dusky Pink | black, 4.6 to 1 |
| 25 | `#8d6e78` | `oklch(57.15% 0.0413 357.92)` | Myself | black, 4.6 to 1 |
| 26 | `#856d7b` | `oklch(56.23% 0.0365 342.40)` | Plum Royale | white, 4.6 to 1 |
| 27 | `#7a6c7c` | `oklch(54.91% 0.0309 321.26)` | Sakura Night | white, 4.9 to 1 |
| 28 | `#6e6a7a` | `oklch(53.35% 0.0249 296.87)` | Space Station | white, 5.2 to 1 |
| 29 | `#646873` | `oklch(51.73% 0.0189 271.61)` | Alley Cat | white, 5.5 to 1 |
| 30 | `#5e656b` | `oklch(50.19% 0.0134 247.86)` | Shuttle Grey | white, 5.9 to 1 |
| 31 | `#5b6164` | `oklch(48.90% 0.0088 227.99)` | Paramount | white, 6.2 to 1 |
| 32 | `#5a5e60` | `oklch(48.03% 0.0055 214.39)` | Blindfolded | white, 6.5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #5a83aa 0.0%, #6a84b1 3.2%, #8386b8 6.5%, #9e88b9 9.7%, #b88db4 12.9%, #cc93aa 16.1%, #d79a9f 19.4%, #dba097 22.6%, #daa093 25.8%, #d39b92 29.0%, #c89092 32.3%, #b88493 35.5%, #a37993 38.7%, #8d6f90 41.9%, #7a688b 45.2%, #6c6285 48.4%, #685f81 51.6%, #6b5e7f 54.8%, #725f7d 58.1%, #7c617b 61.3%, #856478 64.5%, #8c6875 67.7%, #906c74 71.0%, #916e75 74.2%, #8d6e78 77.4%, #856d7b 80.6%, #7a6c7c 83.9%, #6e6a7a 87.1%, #646873 90.3%, #5e656b 93.5%, #5b6164 96.8%, #5a5e60 100.0%);
background: linear-gradient(45deg in oklch, oklch(59.45% 0.0758 248.20) 0.0%, oklch(61.07% 0.0755 261.55) 3.2%, oklch(63.56% 0.0753 281.26) 6.5%, oklch(66.55% 0.0751 304.83) 9.7%, oklch(69.65% 0.0747 329.77) 12.9%, oklch(72.50% 0.0742 353.60) 16.1%, oklch(74.72% 0.0735 13.81) 19.4%, oklch(75.95% 0.0726 27.91) 22.6%, oklch(75.79% 0.0713 33.41) 25.8%, oklch(73.99% 0.0696 29.22) 29.0%, oklch(70.88% 0.0676 17.48) 32.3%, oklch(66.92% 0.0653 0.84) 35.5%, oklch(62.58% 0.0629 341.93) 38.7%, oklch(58.34% 0.0605 323.37) 41.9%, oklch(54.65% 0.0582 307.79) 45.2%, oklch(51.98% 0.0561 297.82) 48.4%, oklch(50.74% 0.0543 295.93) 51.6%, oklch(50.68% 0.0531 301.91) 54.8%, oklch(51.47% 0.0521 313.34) 58.1%, oklch(52.79% 0.0513 327.74) 61.3%, oklch(54.36% 0.0504 342.63) 64.5%, oklch(55.87% 0.0491 355.53) 67.7%, oklch(57.02% 0.0474 3.97) 71.0%, oklch(57.50% 0.0449 5.45) 74.2%, oklch(57.15% 0.0413 357.92) 77.4%, oklch(56.23% 0.0365 342.40) 80.6%, oklch(54.91% 0.0309 321.26) 83.9%, oklch(53.35% 0.0249 296.87) 87.1%, oklch(51.73% 0.0189 271.61) 90.3%, oklch(50.19% 0.0134 247.86) 93.5%, oklch(48.90% 0.0088 227.99) 96.8%, oklch(48.03% 0.0055 214.39) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.594 | 0.076 | 248.2 |
| 2 | 0.76 | 0.072 | 393 |
| 3 | 0.512 | 0.055 | 295.8 |
| 4 | 0.575 | 0.044 | 364.4 |
| 5 | 0.48 | 0.006 | 214.4 |

## In these collections

- [Late summer lake haze](https://grabient.com/late-summer-lake-haze)

## Other forms

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