# Lavender slate aqua diagonal

Gray, pink and blue linear gradient with 32 colors: #73765c, #7f7e64, #908a72, #a49983, #b9aa97, #cdbaab, #dec8bd, #ead1ca, #efd3d2, #edcfd3, #e5c5d0, #d7b8cc, #c6a9c6, #b29cc1, #9d91bc, #8b8ab7, #7d88b4, #7187b1, #6688ae, #5d8aaa, #598ca6, #588fa2, #5a91a1, #5f93a2, #6695a6, #7197ac, #809ab3, #919eb8, #a0a2bb, #ada7bc, #b6abbc, #bbafbd. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray, pink and blue linear gradient
- Seed: `kWjRxQ8Qs1lGYs3Qlbi4YjMI`
- Page: https://grabient.com/kWjRxQ8Qs1lGYs3Qlbi4YjMI?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#73765c` | `oklch(55.51% 0.0386 113.20)` | Egyptian Nile | white, 4.7 to 1 |
| 2 | `#7f7e64` | `oklch(58.61% 0.0376 106.31)` | Oil Green | black, 5 to 1 |
| 3 | `#908a72` | `oklch(63.21% 0.0359 97.24)` | Burning Idea | black, 6 to 1 |
| 4 | `#a49983` | `oklch(68.71% 0.0339 86.45)` | Churchill Downs | black, 7.4 to 1 |
| 5 | `#b9aa97` | `oklch(74.52% 0.0319 74.39)` | Fangtooth Fish | black, 9.2 to 1 |
| 6 | `#cdbaab` | `oklch(80.05% 0.0302 61.50)` | Smoke Dragon | black, 11.1 to 1 |
| 7 | `#dec8bd` | `oklch(84.70% 0.0293 48.25)` | Pale Sienna | black, 13 to 1 |
| 8 | `#ead1ca` | `oklch(87.90% 0.0294 35.06)` | Birthday Cake | black, 14.4 to 1 |
| 9 | `#efd3d2` | `oklch(89.04% 0.0309 22.33)` | Charming Pink | black, 14.9 to 1 |
| 10 | `#edcfd3` | `oklch(88.02% 0.0342 8.98)` | Nursery | black, 14.4 to 1 |
| 11 | `#e5c5d0` | `oklch(85.32% 0.0392 354.80)` | In the Slip | black, 13.2 to 1 |
| 12 | `#d7b8cc` | `oklch(81.47% 0.0450 340.18)` | Spring Boutique | black, 11.5 to 1 |
| 13 | `#c6a9c6` | `oklch(77.00% 0.0513 325.53)` | Linnea Blossom | black, 9.9 to 1 |
| 14 | `#b29cc1` | `oklch(72.45% 0.0573 311.25)` | Grape Smoke | black, 8.4 to 1 |
| 15 | `#9d91bc` | `oklch(68.34% 0.0625 297.75)` | Wizard’s Brew | black, 7.2 to 1 |
| 16 | `#8b8ab7` | `oklch(65.21% 0.0663 285.42)` | Soft Blue Lavender | black, 6.4 to 1 |
| 17 | `#7d88b4` | `oklch(63.42% 0.0683 274.29)` | Wild Blue Yonder | black, 6 to 1 |
| 18 | `#7187b1` | `oklch(62.30% 0.0692 262.67)` | Kimono | black, 5.8 to 1 |
| 19 | `#6688ae` | `oklch(61.64% 0.0692 250.95)` | Perfect Periwinkle | black, 5.7 to 1 |
| 20 | `#5d8aaa` | `oklch(61.39% 0.0684 239.90)` | Rackley | black, 5.6 to 1 |
| 21 | `#598ca6` | `oklch(61.49% 0.0670 230.31)` | Sea Crystal | black, 5.7 to 1 |
| 22 | `#588fa2` | `oklch(61.86% 0.0650 222.94)` | Sail Cover | black, 5.8 to 1 |
| 23 | `#5a91a1` | `oklch(62.45% 0.0626 218.58)` | Manitou Blue | black, 5.9 to 1 |
| 24 | `#5f93a2` | `oklch(63.19% 0.0600 217.99)` | Manitou Blue | black, 6.1 to 1 |
| 25 | `#6695a6` | `oklch(64.18% 0.0567 222.48)` | My Skiff | black, 6.3 to 1 |
| 26 | `#7197ac` | `oklch(65.71% 0.0523 232.80)` | American Anthem | black, 6.7 to 1 |
| 27 | `#809ab3` | `oklch(67.63% 0.0471 247.31)` | Polished Metal | black, 7.2 to 1 |
| 28 | `#919eb8` | `oklch(69.76% 0.0415 264.27)` | Electric Sky | black, 7.7 to 1 |
| 29 | `#a0a2bb` | `oklch(71.91% 0.0360 281.96)` | Blue Buzz | black, 8.3 to 1 |
| 30 | `#ada7bc` | `oklch(73.92% 0.0308 298.65)` | Morning Mist Grey | black, 9 to 1 |
| 31 | `#b6abbc` | `oklch(75.60% 0.0265 312.60)` | Lola | black, 9.5 to 1 |
| 32 | `#bbafbd` | `oklch(76.77% 0.0234 322.09)` | Window Box | black, 9.9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #73765c 0.0%, #7f7e64 3.2%, #908a72 6.5%, #a49983 9.7%, #b9aa97 12.9%, #cdbaab 16.1%, #dec8bd 19.4%, #ead1ca 22.6%, #efd3d2 25.8%, #edcfd3 29.0%, #e5c5d0 32.3%, #d7b8cc 35.5%, #c6a9c6 38.7%, #b29cc1 41.9%, #9d91bc 45.2%, #8b8ab7 48.4%, #7d88b4 51.6%, #7187b1 54.8%, #6688ae 58.1%, #5d8aaa 61.3%, #598ca6 64.5%, #588fa2 67.7%, #5a91a1 71.0%, #5f93a2 74.2%, #6695a6 77.4%, #7197ac 80.6%, #809ab3 83.9%, #919eb8 87.1%, #a0a2bb 90.3%, #ada7bc 93.5%, #b6abbc 96.8%, #bbafbd 100.0%);
background: linear-gradient(45deg in oklch, oklch(55.51% 0.0386 113.20) 0.0%, oklch(58.61% 0.0376 106.31) 3.2%, oklch(63.21% 0.0359 97.24) 6.5%, oklch(68.71% 0.0339 86.45) 9.7%, oklch(74.52% 0.0319 74.39) 12.9%, oklch(80.05% 0.0302 61.50) 16.1%, oklch(84.70% 0.0293 48.25) 19.4%, oklch(87.90% 0.0294 35.06) 22.6%, oklch(89.04% 0.0309 22.33) 25.8%, oklch(88.02% 0.0342 8.98) 29.0%, oklch(85.32% 0.0392 354.80) 32.3%, oklch(81.47% 0.0450 340.18) 35.5%, oklch(77.00% 0.0513 325.53) 38.7%, oklch(72.45% 0.0573 311.25) 41.9%, oklch(68.34% 0.0625 297.75) 45.2%, oklch(65.21% 0.0663 285.42) 48.4%, oklch(63.42% 0.0683 274.29) 51.6%, oklch(62.30% 0.0692 262.67) 54.8%, oklch(61.64% 0.0692 250.95) 58.1%, oklch(61.39% 0.0684 239.90) 61.3%, oklch(61.49% 0.0670 230.31) 64.5%, oklch(61.86% 0.0650 222.94) 67.7%, oklch(62.45% 0.0626 218.58) 71.0%, oklch(63.19% 0.0600 217.99) 74.2%, oklch(64.18% 0.0567 222.48) 77.4%, oklch(65.71% 0.0523 232.80) 80.6%, oklch(67.63% 0.0471 247.31) 83.9%, oklch(69.76% 0.0415 264.27) 87.1%, oklch(71.91% 0.0360 281.96) 90.3%, oklch(73.92% 0.0308 298.65) 93.5%, oklch(75.60% 0.0265 312.60) 96.8%, oklch(76.77% 0.0234 322.09) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.555 | 0.039 | 113.2 |
| 2 | 0.89 | 0.03 | 25.5 |
| 3 | 0.642 | 0.068 | -80.2 |
| 4 | 0.634 | 0.059 | -141.5 |
| 5 | 0.768 | 0.023 | -37.9 |

## In these collections

- [Frosted eucalyptus](https://grabient.com/frosted-eucalyptus)

## Other forms

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