# Mist lavender eucalyptus diagonal

Navy, pink, gray and light blue linear gradient with 40 colors: #1d3755, #2c3e5f, #40496c, #58577a, #726789, #8d7897, #a78ba3, #be9eaf, #d2afb8, #e1bdbf, #eac8c3, #eecec3, #eed1c0, #ead3bb, #e3d2b5, #d9d1b0, #cfceac, #c6cca9, #c0caa7, #bdc8a6, #bfc8a5, #c5c8a5, #cec7a7, #d7c7ac, #dfc7b3, #e4c9be, #e7cbc9, #e7ced4, #e6d1dc, #e3d3e3, #e0d5e8, #dcd6ec, #d6d8ef, #cfd9f1, #c7daf1, #c0dcf0, #b9dded, #b4deea, #b0dee5, #aedfe1. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Navy, pink, gray and light blue linear gradient
- Seed: `kWVC607I7PWeRy3wii07pKxY`
- Page: https://grabient.com/kWVC607I7PWeRy3wii07pKxY?steps=40&angle=45
- Drawn as: linear gradient, 40 steps, 45 degrees
- Kinds: light center, pastel, light
- Hues: triadic
- Contrast of its darkest and lightest colors: 8.6 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 | `#1d3755` | `oklch(33.07% 0.0634 253.83)` | Gibraltar Sea | white, 12.1 to 1 |
| 2 | `#2c3e5f` | `oklch(36.54% 0.0618 261.95)` | Nautilus | white, 10.6 to 1 |
| 3 | `#40496c` | `oklch(41.36% 0.0596 272.62)` | Egyptian Violet | white, 8.7 to 1 |
| 4 | `#58577a` | `oklch(47.17% 0.0569 285.31)` | Blue Glaze | white, 6.8 to 1 |
| 5 | `#726789` | `oklch(53.61% 0.0539 299.51)` | Aromatic | white, 5.2 to 1 |
| 6 | `#8d7897` | `oklch(60.34% 0.0508 314.67)` | Passion Fruit | black, 5.2 to 1 |
| 7 | `#a78ba3` | `oklch(67.01% 0.0477 330.29)` | Mauve Musk | black, 6.8 to 1 |
| 8 | `#be9eaf` | `oklch(73.26% 0.0449 345.82)` | Fiddlesticks | black, 8.6 to 1 |
| 9 | `#d2afb8` | `oklch(78.74% 0.0426 0.74)` | Iced Watermelon | black, 10.5 to 1 |
| 10 | `#e1bdbf` | `oklch(83.11% 0.0408 14.53)` | Soft Blush | black, 12.2 to 1 |
| 11 | `#eac8c3` | `oklch(86.01% 0.0398 26.78)` | Kashmir Pink | black, 13.5 to 1 |
| 12 | `#eecec3` | `oklch(87.59% 0.0397 39.70)` | Leverkaas | black, 14.2 to 1 |
| 13 | `#eed1c0` | `oklch(88.14% 0.0403 53.72)` | Peach Blossom Red | black, 14.5 to 1 |
| 14 | `#ead3bb` | `oklch(87.88% 0.0414 68.11)` | Verona Beach | black, 14.4 to 1 |
| 15 | `#e3d2b5` | `oklch(87.03% 0.0429 82.16)` | Comfy Beige | black, 14.1 to 1 |
| 16 | `#d9d1b0` | `oklch(85.80% 0.0445 95.15)` | Chinese Silk | black, 13.6 to 1 |
| 17 | `#cfceac` | `oklch(84.42% 0.0461 106.34)` | Eaves | black, 13.1 to 1 |
| 18 | `#c6cca9` | `oklch(83.10% 0.0474 115.03)` | Baize Green | black, 12.5 to 1 |
| 19 | `#c0caa7` | `oklch(82.06% 0.0482 120.49)` | Pale Leaf | black, 12.1 to 1 |
| 20 | `#bdc8a6` | `oklch(81.51% 0.0484 121.99)` | Wispy Mint | black, 11.9 to 1 |
| 21 | `#bfc8a5` | `oklch(81.62% 0.0478 118.76)` | Wispy Mint | black, 12 to 1 |
| 22 | `#c5c8a5` | `oklch(82.07% 0.0462 110.37)` | Rejuvenate | black, 12.1 to 1 |
| 23 | `#cec7a7` | `oklch(82.74% 0.0439 97.64)` | Wild Hillside | black, 12.3 to 1 |
| 24 | `#d7c7ac` | `oklch(83.58% 0.0411 81.51)` | Bone Meal | black, 12.6 to 1 |
| 25 | `#dfc7b3` | `oklch(84.53% 0.0381 62.92)` | Playa Arenosa | black, 12.9 to 1 |
| 26 | `#e4c9be` | `oklch(85.50% 0.0351 42.83)` | Sultan Sand | black, 13.3 to 1 |
| 27 | `#e7cbc9` | `oklch(86.45% 0.0323 22.16)` | Whirligig | black, 13.7 to 1 |
| 28 | `#e7ced4` | `oklch(87.31% 0.0299 1.88)` | Pink Pail | black, 14.1 to 1 |
| 29 | `#e6d1dc` | `oklch(88.02% 0.0283 342.92)` | Nefarious Mauve | black, 14.4 to 1 |
| 30 | `#e3d3e3` | `oklch(88.50% 0.0276 326.23)` | Joyful Lilac | black, 14.7 to 1 |
| 31 | `#e0d5e8` | `oklch(88.74% 0.0280 311.58)` | Light Purity | black, 14.8 to 1 |
| 32 | `#dcd6ec` | `oklch(88.80% 0.0294 296.72)` | Light Purity | black, 14.9 to 1 |
| 33 | `#d6d8ef` | `oklch(88.72% 0.0316 281.83)` | Sachet Cushion | black, 14.9 to 1 |
| 34 | `#cfd9f1` | `oklch(88.54% 0.0344 267.17)` | Flax Bloom | black, 14.8 to 1 |
| 35 | `#c7daf1` | `oklch(88.27% 0.0376 253.04)` | Light Powder Blue | black, 14.7 to 1 |
| 36 | `#c0dcf0` | `oklch(87.97% 0.0409 239.70)` | Twin Blue | black, 14.7 to 1 |
| 37 | `#b9dded` | `oklch(87.66% 0.0441 227.44)` | Paris Blue | black, 14.6 to 1 |
| 38 | `#b4deea` | `oklch(87.37% 0.0470 216.53)` | Bright and Breezy | black, 14.5 to 1 |
| 39 | `#b0dee5` | `oklch(87.15% 0.0493 207.27)` | Sky Cloud | black, 14.4 to 1 |
| 40 | `#aedfe1` | `oklch(87.01% 0.0510 199.93)` | Opal | black, 14.4 to 1 |

## CSS

```css
background: linear-gradient(45deg, #1d3755 0.0%, #2c3e5f 2.6%, #40496c 5.1%, #58577a 7.7%, #726789 10.3%, #8d7897 12.8%, #a78ba3 15.4%, #be9eaf 17.9%, #d2afb8 20.5%, #e1bdbf 23.1%, #eac8c3 25.6%, #eecec3 28.2%, #eed1c0 30.8%, #ead3bb 33.3%, #e3d2b5 35.9%, #d9d1b0 38.5%, #cfceac 41.0%, #c6cca9 43.6%, #c0caa7 46.2%, #bdc8a6 48.7%, #bfc8a5 51.3%, #c5c8a5 53.8%, #cec7a7 56.4%, #d7c7ac 59.0%, #dfc7b3 61.5%, #e4c9be 64.1%, #e7cbc9 66.7%, #e7ced4 69.2%, #e6d1dc 71.8%, #e3d3e3 74.4%, #e0d5e8 76.9%, #dcd6ec 79.5%, #d6d8ef 82.1%, #cfd9f1 84.6%, #c7daf1 87.2%, #c0dcf0 89.7%, #b9dded 92.3%, #b4deea 94.9%, #b0dee5 97.4%, #aedfe1 100.0%);
background: linear-gradient(45deg in oklch, oklch(33.07% 0.0634 253.83) 0.0%, oklch(36.54% 0.0618 261.95) 2.6%, oklch(41.36% 0.0596 272.62) 5.1%, oklch(47.17% 0.0569 285.31) 7.7%, oklch(53.61% 0.0539 299.51) 10.3%, oklch(60.34% 0.0508 314.67) 12.8%, oklch(67.01% 0.0477 330.29) 15.4%, oklch(73.26% 0.0449 345.82) 17.9%, oklch(78.74% 0.0426 0.74) 20.5%, oklch(83.11% 0.0408 14.53) 23.1%, oklch(86.01% 0.0398 26.78) 25.6%, oklch(87.59% 0.0397 39.70) 28.2%, oklch(88.14% 0.0403 53.72) 30.8%, oklch(87.88% 0.0414 68.11) 33.3%, oklch(87.03% 0.0429 82.16) 35.9%, oklch(85.80% 0.0445 95.15) 38.5%, oklch(84.42% 0.0461 106.34) 41.0%, oklch(83.10% 0.0474 115.03) 43.6%, oklch(82.06% 0.0482 120.49) 46.2%, oklch(81.51% 0.0484 121.99) 48.7%, oklch(81.62% 0.0478 118.76) 51.3%, oklch(82.07% 0.0462 110.37) 53.8%, oklch(82.74% 0.0439 97.64) 56.4%, oklch(83.58% 0.0411 81.51) 59.0%, oklch(84.53% 0.0381 62.92) 61.5%, oklch(85.50% 0.0351 42.83) 64.1%, oklch(86.45% 0.0323 22.16) 66.7%, oklch(87.31% 0.0299 1.88) 69.2%, oklch(88.02% 0.0283 342.92) 71.8%, oklch(88.50% 0.0276 326.23) 74.4%, oklch(88.74% 0.0280 311.58) 76.9%, oklch(88.80% 0.0294 296.72) 79.5%, oklch(88.72% 0.0316 281.83) 82.1%, oklch(88.54% 0.0344 267.17) 84.6%, oklch(88.27% 0.0376 253.04) 87.2%, oklch(87.97% 0.0409 239.70) 89.7%, oklch(87.66% 0.0441 227.44) 92.3%, oklch(87.37% 0.0470 216.53) 94.9%, oklch(87.15% 0.0493 207.27) 97.4%, oklch(87.01% 0.0510 199.93) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.331 | 0.063 | 253.8 |
| 2 | 0.854 | 0.04 | 383.8 |
| 3 | 0.815 | 0.048 | 481 |
| 4 | 0.886 | 0.028 | 322.5 |
| 5 | 0.87 | 0.051 | 199.9 |

## In these collections

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

## Other forms

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