# Pale blue and pale lavender light multicolor

The Pale blue and pale lavender light multicolor brings together off-white, pale blue, pale teal, light teal, and pale purple. 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 pale teal, and its lightest tone is off-white.

- Also called: Pastel analogous blue to lavender linear gradient
- Seed: `ka9wymdY-_3EVPhymLzdA9BPKNyF1EMNA`
- Page: https://grabient.com/ka9wymdY-_3EVPhymLzdA9BPKNyF1EMNA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: even lightness, pastel, light, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 1.2 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 | `#ecf8ff` | `oklch(97.24% 0.0156 233.39)` | Alice Blue | black, 19.4 to 1 |
| 2 | `#e8f6ff` | `oklch(96.61% 0.0192 233.49)` | Kodama White | black, 19.1 to 1 |
| 3 | `#e2f4ff` | `oklch(95.70% 0.0244 233.76)` | Wizard White | black, 18.6 to 1 |
| 4 | `#dbf1ff` | `oklch(94.66% 0.0304 233.90)` | Wizard White | black, 18 to 1 |
| 5 | `#d3efff` | `oklch(93.60% 0.0367 233.62)` | Ice Castle | black, 17.5 to 1 |
| 6 | `#ccecff` | `oklch(92.66% 0.0420 232.64)` | Blue Hijab | black, 17 to 1 |
| 7 | `#c6eafd` | `oklch(91.83% 0.0458 230.78)` | Blue Java Banana | black, 16.6 to 1 |
| 8 | `#c0e8fb` | `oklch(90.98% 0.0491 228.28)` | Icy Landscape | black, 16.2 to 1 |
| 9 | `#bbe7f9` | `oklch(90.19% 0.0520 225.23)` | Breaking the Ice | black, 15.8 to 1 |
| 10 | `#b6e5f7` | `oklch(89.53% 0.0546 221.74)` | Breaking the Ice | black, 15.5 to 1 |
| 11 | `#b1e5f4` | `oklch(89.07% 0.0571 217.88)` | Breaking the Ice | black, 15.3 to 1 |
| 12 | `#ade5f2` | `oklch(88.90% 0.0596 213.37)` | Uranus | black, 15.3 to 1 |
| 13 | `#aae7f0` | `oklch(89.01% 0.0627 207.49)` | Uranus | black, 15.4 to 1 |
| 14 | `#a8e9ee` | `oklch(89.30% 0.0655 201.15)` | Uranus | black, 15.5 to 1 |
| 15 | `#a8eceb` | `oklch(89.67% 0.0675 195.39)` | Spearmint Water | black, 15.8 to 1 |
| 16 | `#a9ede9` | `oklch(90.02% 0.0680 191.25)` | Mint Macaron | black, 15.9 to 1 |
| 17 | `#aceee8` | `oklch(90.28% 0.0663 189.42)` | East Cape | black, 16.1 to 1 |
| 18 | `#b1eee8` | `oklch(90.57% 0.0619 188.67)` | Mint Macaron | black, 16.2 to 1 |
| 19 | `#b7ede8` | `oklch(90.87% 0.0558 189.20)` | Cold Blooded | black, 16.3 to 1 |
| 20 | `#bdedea` | `oklch(91.13% 0.0494 191.51)` | Cold Blooded | black, 16.4 to 1 |
| 21 | `#c1ecec` | `oklch(91.30% 0.0439 196.10)` | Gentle Cold | black, 16.4 to 1 |
| 22 | `#c4ebef` | `oklch(91.32% 0.0404 203.63)` | Icy Breeze | black, 16.4 to 1 |
| 23 | `#c6e9f2` | `oklch(91.12% 0.0384 215.72)` | Niagara Mist | black, 16.3 to 1 |
| 24 | `#c9e6f5` | `oklch(90.79% 0.0373 230.93)` | Icy Landscape | black, 16 to 1 |
| 25 | `#cde2f7` | `oklch(90.44% 0.0369 247.03)` | Salty Ice | black, 15.8 to 1 |
| 26 | `#d1dff8` | `oklch(90.20% 0.0369 261.80)` | Puffy Cloud | black, 15.6 to 1 |
| 27 | `#d6def8` | `oklch(90.17% 0.0373 273.05)` | Nostalgia Perfume | black, 15.6 to 1 |
| 28 | `#daddf9` | `oklch(90.43% 0.0384 281.35)` | Nostalgia Perfume | black, 15.7 to 1 |
| 29 | `#dfddfb` | `oklch(90.86% 0.0402 287.89)` | Contrail | black, 15.8 to 1 |
| 30 | `#e3defd` | `oklch(91.36% 0.0423 292.98)` | Stoic White | black, 16.1 to 1 |
| 31 | `#e6deff` | `oklch(91.82% 0.0442 296.92)` | Stoic White | black, 16.3 to 1 |
| 32 | `#e9dfff` | `oklch(92.13% 0.0444 300.02)` | Lavender Savour | black, 16.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #ecf8ff 0.0%, #e8f6ff 3.2%, #e2f4ff 6.5%, #dbf1ff 9.7%, #d3efff 12.9%, #ccecff 16.1%, #c6eafd 19.4%, #c0e8fb 22.6%, #bbe7f9 25.8%, #b6e5f7 29.0%, #b1e5f4 32.3%, #ade5f2 35.5%, #aae7f0 38.7%, #a8e9ee 41.9%, #a8eceb 45.2%, #a9ede9 48.4%, #aceee8 51.6%, #b1eee8 54.8%, #b7ede8 58.1%, #bdedea 61.3%, #c1ecec 64.5%, #c4ebef 67.7%, #c6e9f2 71.0%, #c9e6f5 74.2%, #cde2f7 77.4%, #d1dff8 80.6%, #d6def8 83.9%, #daddf9 87.1%, #dfddfb 90.3%, #e3defd 93.5%, #e6deff 96.8%, #e9dfff 100.0%);
background: linear-gradient(135deg in oklch, oklch(97.24% 0.0156 233.39) 0.0%, oklch(96.61% 0.0192 233.49) 3.2%, oklch(95.70% 0.0244 233.76) 6.5%, oklch(94.66% 0.0304 233.90) 9.7%, oklch(93.60% 0.0367 233.62) 12.9%, oklch(92.66% 0.0420 232.64) 16.1%, oklch(91.83% 0.0458 230.78) 19.4%, oklch(90.98% 0.0491 228.28) 22.6%, oklch(90.19% 0.0520 225.23) 25.8%, oklch(89.53% 0.0546 221.74) 29.0%, oklch(89.07% 0.0571 217.88) 32.3%, oklch(88.90% 0.0596 213.37) 35.5%, oklch(89.01% 0.0627 207.49) 38.7%, oklch(89.30% 0.0655 201.15) 41.9%, oklch(89.67% 0.0675 195.39) 45.2%, oklch(90.02% 0.0680 191.25) 48.4%, oklch(90.28% 0.0663 189.42) 51.6%, oklch(90.57% 0.0619 188.67) 54.8%, oklch(90.87% 0.0558 189.20) 58.1%, oklch(91.13% 0.0494 191.51) 61.3%, oklch(91.30% 0.0439 196.10) 64.5%, oklch(91.32% 0.0404 203.63) 67.7%, oklch(91.12% 0.0384 215.72) 71.0%, oklch(90.79% 0.0373 230.93) 74.2%, oklch(90.44% 0.0369 247.03) 77.4%, oklch(90.20% 0.0369 261.80) 80.6%, oklch(90.17% 0.0373 273.05) 83.9%, oklch(90.43% 0.0384 281.35) 87.1%, oklch(90.86% 0.0402 287.89) 90.3%, oklch(91.36% 0.0423 292.98) 93.5%, oklch(91.82% 0.0442 296.92) 96.8%, oklch(92.13% 0.0444 300.02) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.972 | 0.017 | 233.4 |
| 2 | 0.925 | 0.043 | 232.4 |
| 3 | 0.89 | 0.058 | 216.5 |
| 4 | 0.902 | 0.068 | 190.1 |
| 5 | 0.913 | 0.041 | 200.7 |
| 6 | 0.902 | 0.037 | 271.5 |
| 7 | 0.921 | 0.045 | 300 |

## In these collections

- [Light multicolor gradients](https://grabient.com/light-multicolor-gradients)

## Other forms

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