# Pale lavender, stone and pale blue glass

The Pale lavender, stone and pale blue glass brings together off-white, light purple, light blue, and light gray. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is light blue, and its lightest tone is off-white.

- Also called: Gray to white linear gradient
- Seed: `kY7g3W7Iu_mAMPttCLmeIY9H4CP0`
- Page: https://grabient.com/kY7g3W7Iu_mAMPttCLmeIY9H4CP0?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: neutral, light, cool
- Hues: achromatic
- Contrast of its darkest and lightest colors: 2.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 | `#ece8f5` | `oklch(93.70% 0.0179 301.64)` | Tranquil Eve | black, 17.3 to 1 |
| 2 | `#e9e5f3` | `oklch(92.85% 0.0195 301.38)` | Modest Violet | black, 16.9 to 1 |
| 3 | `#e6e1f0` | `oklch(91.70% 0.0218 301.08)` | Romantic Cruise | black, 16.3 to 1 |
| 4 | `#e1dced` | `oklch(90.33% 0.0244 300.69)` | Artemis Silver | black, 15.6 to 1 |
| 5 | `#ddd6ea` | `oklch(88.82% 0.0272 300.19)` | Light Lavender Water | black, 14.9 to 1 |
| 6 | `#d8d1e6` | `oklch(87.26% 0.0296 299.53)` | Mountain’s Majesty | black, 14.1 to 1 |
| 7 | `#d2cce2` | `oklch(85.73% 0.0314 298.67)` | Vision | black, 13.4 to 1 |
| 8 | `#cdc7de` | `oklch(84.09% 0.0326 297.88)` | Angel Kiss | black, 12.7 to 1 |
| 9 | `#c6c0d8` | `oklch(82.09% 0.0333 297.50)` | Ice Mauve | black, 11.9 to 1 |
| 10 | `#bfbad1` | `oklch(79.97% 0.0338 297.09)` | Twilight Pearl | black, 11.1 to 1 |
| 11 | `#b9b3cb` | `oklch(78.01% 0.0339 296.16)` | Violet Beauty | black, 10.4 to 1 |
| 12 | `#b3afc7` | `oklch(76.49% 0.0338 294.24)` | Noble Purple | black, 9.8 to 1 |
| 13 | `#afadc4` | `oklch(75.66% 0.0333 290.84)` | Wisteria Trellis | black, 9.5 to 1 |
| 14 | `#aeaec5` | `oklch(75.79% 0.0326 285.37)` | Purple Freedom | black, 9.6 to 1 |
| 15 | `#aeb2c8` | `oklch(76.84% 0.0313 277.47)` | Perseverance | black, 10 to 1 |
| 16 | `#b1b9cd` | `oklch(78.52% 0.0297 267.99)` | Ethereal Mist | black, 10.6 to 1 |
| 17 | `#b5c1d2` | `oklch(80.59% 0.0278 257.84)` | Snow Flurries | black, 11.4 to 1 |
| 18 | `#bac9d7` | `oklch(82.77% 0.0260 247.97)` | Powder Soft Blue | black, 12.3 to 1 |
| 19 | `#bfd0dc` | `oklch(84.80% 0.0243 239.30)` | Snowbell | black, 13.2 to 1 |
| 20 | `#c4d5df` | `oklch(86.45% 0.0229 232.62)` | Icecap | black, 13.9 to 1 |
| 21 | `#cadbe3` | `oklch(88.04% 0.0218 227.20)` | Blue Tulle | black, 14.7 to 1 |
| 22 | `#cfe0e7` | `oklch(89.63% 0.0207 222.63)` | Goddess | black, 15.4 to 1 |
| 23 | `#d4e5eb` | `oklch(91.18% 0.0198 218.79)` | Ocean Breeze | black, 16.2 to 1 |
| 24 | `#d9eaef` | `oklch(92.63% 0.0188 215.54)` | Frost Wind | black, 16.9 to 1 |
| 25 | `#deeef2` | `oklch(93.95% 0.0176 212.75)` | White Glaze | black, 17.6 to 1 |
| 26 | `#e3f2f5` | `oklch(95.10% 0.0162 210.30)` | Ethereal White | black, 18.2 to 1 |
| 27 | `#e8f5f7` | `oklch(96.08% 0.0145 208.46)` | Milky Way | black, 18.8 to 1 |
| 28 | `#ecf7f9` | `oklch(96.94% 0.0125 207.27)` | Aijiro White | black, 19.2 to 1 |
| 29 | `#f0fafb` | `oklch(97.68% 0.0104 206.54)` | Distant Horizon | black, 19.7 to 1 |
| 30 | `#f3fbfc` | `oklch(98.30% 0.0084 206.12)` | Deutzia White | black, 20 to 1 |
| 31 | `#f6fdfd` | `oklch(98.81% 0.0067 205.82)` | Sparkling Snow | black, 20.3 to 1 |
| 32 | `#f8fefe` | `oklch(99.21% 0.0055 205.48)` | Sparkling Snow | black, 20.5 to 1 |

## CSS

```css
background: linear-gradient(180deg, #ece8f5 0.0%, #e9e5f3 3.2%, #e6e1f0 6.5%, #e1dced 9.7%, #ddd6ea 12.9%, #d8d1e6 16.1%, #d2cce2 19.4%, #cdc7de 22.6%, #c6c0d8 25.8%, #bfbad1 29.0%, #b9b3cb 32.3%, #b3afc7 35.5%, #afadc4 38.7%, #aeaec5 41.9%, #aeb2c8 45.2%, #b1b9cd 48.4%, #b5c1d2 51.6%, #bac9d7 54.8%, #bfd0dc 58.1%, #c4d5df 61.3%, #cadbe3 64.5%, #cfe0e7 67.7%, #d4e5eb 71.0%, #d9eaef 74.2%, #deeef2 77.4%, #e3f2f5 80.6%, #e8f5f7 83.9%, #ecf7f9 87.1%, #f0fafb 90.3%, #f3fbfc 93.5%, #f6fdfd 96.8%, #f8fefe 100.0%);
background: linear-gradient(180deg in oklch, oklch(93.70% 0.0179 301.64) 0.0%, oklch(92.85% 0.0195 301.38) 3.2%, oklch(91.70% 0.0218 301.08) 6.5%, oklch(90.33% 0.0244 300.69) 9.7%, oklch(88.82% 0.0272 300.19) 12.9%, oklch(87.26% 0.0296 299.53) 16.1%, oklch(85.73% 0.0314 298.67) 19.4%, oklch(84.09% 0.0326 297.88) 22.6%, oklch(82.09% 0.0333 297.50) 25.8%, oklch(79.97% 0.0338 297.09) 29.0%, oklch(78.01% 0.0339 296.16) 32.3%, oklch(76.49% 0.0338 294.24) 35.5%, oklch(75.66% 0.0333 290.84) 38.7%, oklch(75.79% 0.0326 285.37) 41.9%, oklch(76.84% 0.0313 277.47) 45.2%, oklch(78.52% 0.0297 267.99) 48.4%, oklch(80.59% 0.0278 257.84) 51.6%, oklch(82.77% 0.0260 247.97) 54.8%, oklch(84.80% 0.0243 239.30) 58.1%, oklch(86.45% 0.0229 232.62) 61.3%, oklch(88.04% 0.0218 227.20) 64.5%, oklch(89.63% 0.0207 222.63) 67.7%, oklch(91.18% 0.0198 218.79) 71.0%, oklch(92.63% 0.0188 215.54) 74.2%, oklch(93.95% 0.0176 212.75) 77.4%, oklch(95.10% 0.0162 210.30) 80.6%, oklch(96.08% 0.0145 208.46) 83.9%, oklch(96.94% 0.0125 207.27) 87.1%, oklch(97.68% 0.0104 206.54) 90.3%, oklch(98.30% 0.0084 206.12) 93.5%, oklch(98.81% 0.0067 205.82) 96.8%, oklch(99.21% 0.0055 205.48) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.937 | 0.018 | 301.6 |
| 2 | 0.854 | 0.032 | 298.5 |
| 3 | 0.756 | 0.033 | 289 |
| 4 | 0.858 | 0.023 | 235.1 |
| 5 | 0.949 | 0.017 | 210.8 |
| 6 | 0.992 | 0.006 | 205.5 |

## In these collections

- [Glass gradients](https://grabient.com/glass-gradients)

## Other forms

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