# Wisteria Window Glow

Gray, purple, blue and lavender linear gradient with 32 colors: #ccd6bd, #d2d7bf, #dbd9c4, #e3ddcd, #e9e1d6, #ece4de, #ece5e3, #eae3e2, #e6dcdd, #dfcfd3, #d6bdc7, #c8a8bc, #b792b2, #a37eaa, #8e6da3, #79609d, #675896, #54518c, #424b80, #344572, #294165, #253e5a, #243c53, #273d51, #2e4256, #3b4c63, #4d5975, #64688a, #7e789e, #9886b0, #ae93bd, #be9cc5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray, purple, blue and lavender linear gradient
- Seed: `kW2xpZc4OzMIjtotEDn3ZnIg`
- Page: https://grabient.com/kW2xpZc4OzMIjtotEDn3ZnIg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark center, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 9.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 | `#ccd6bd` | `oklch(86.22% 0.0358 125.16)` | Canary Green | black, 13.9 to 1 |
| 2 | `#d2d7bf` | `oklch(86.92% 0.0329 116.32)` | Green Frost | black, 14.2 to 1 |
| 3 | `#dbd9c4` | `oklch(88.18% 0.0281 104.29)` | Loafer | black, 14.7 to 1 |
| 4 | `#e3ddcd` | `oklch(89.71% 0.0223 89.96)` | Fossil Stone | black, 15.4 to 1 |
| 5 | `#e9e1d6` | `oklch(91.19% 0.0165 74.20)` | Sharp-Rip Drill | black, 16.1 to 1 |
| 6 | `#ece4de` | `oklch(92.30% 0.0116 57.89)` | Stone Quarry | black, 16.6 to 1 |
| 7 | `#ece5e3` | `oklch(92.74% 0.0083 41.90)` | Whimsical White | black, 16.9 to 1 |
| 8 | `#eae3e2` | `oklch(92.19% 0.0078 27.13)` | Disappearing Memories | black, 16.6 to 1 |
| 9 | `#e6dcdd` | `oklch(90.34% 0.0108 14.37)` | Coquette | black, 15.6 to 1 |
| 10 | `#dfcfd3` | `oklch(86.89% 0.0189 2.65)` | Light Sprig Muslin | black, 14 to 1 |
| 11 | `#d6bdc7` | `oklch(82.15% 0.0311 351.42)` | Queen’s Tart | black, 11.9 to 1 |
| 12 | `#c8a8bc` | `oklch(76.54% 0.0458 340.66)` | Fragrant Lilac | black, 9.7 to 1 |
| 13 | `#b792b2` | `oklch(70.49% 0.0612 330.37)` | Blooming Lilac | black, 7.7 to 1 |
| 14 | `#a37eaa` | `oklch(64.42% 0.0759 320.56)` | Design Delight | black, 6.1 to 1 |
| 15 | `#8e6da3` | `oklch(58.76% 0.0880 311.22)` | Fairy Wren | black, 4.8 to 1 |
| 16 | `#79609d` | `oklch(53.93% 0.0959 302.36)` | Jubilee | white, 5.2 to 1 |
| 17 | `#675896` | `oklch(50.16% 0.0982 293.79)` | Rollick | white, 6.1 to 1 |
| 18 | `#54518c` | `oklch(46.53% 0.0952 284.63)` | Twilight | white, 7.1 to 1 |
| 19 | `#424b80` | `oklch(43.04% 0.0882 275.28)` | Highlands Twilight | white, 8.2 to 1 |
| 20 | `#344572` | `oklch(39.92% 0.0787 266.35)` | Space Missions | white, 9.3 to 1 |
| 21 | `#294165` | `oklch(37.35% 0.0682 258.46)` | Elmer’s Echo | white, 10.3 to 1 |
| 22 | `#253e5a` | `oklch(35.56% 0.0581 252.22)` | Integrity | white, 11 to 1 |
| 23 | `#243c53` | `oklch(34.75% 0.0498 248.24)` | Integrity | white, 11.3 to 1 |
| 24 | `#273d51` | `oklch(35.13% 0.0447 247.14)` | Asurmen Blue Wash | white, 11.2 to 1 |
| 25 | `#2e4256` | `oklch(37.13% 0.0436 249.87)` | Pi | white, 10.3 to 1 |
| 26 | `#3b4c63` | `oklch(41.11% 0.0451 256.92)` | Master | white, 8.7 to 1 |
| 27 | `#4d5975` | `oklch(46.49% 0.0485 267.09)` | Blue Review | white, 7 to 1 |
| 28 | `#64688a` | `oklch(52.69% 0.0532 279.11)` | Champion Blue | white, 5.4 to 1 |
| 29 | `#7e789e` | `oklch(59.10% 0.0584 291.70)` | Grape Jam | black, 5 to 1 |
| 30 | `#9886b0` | `oklch(65.13% 0.0634 303.61)` | Celeb City | black, 6.3 to 1 |
| 31 | `#ae93bd` | `oklch(70.17% 0.0676 313.57)` | Lavender Earl | black, 7.7 to 1 |
| 32 | `#be9cc5` | `oklch(73.62% 0.0703 320.30)` | Lilac Pink | black, 8.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #ccd6bd 0.0%, #d2d7bf 3.2%, #dbd9c4 6.5%, #e3ddcd 9.7%, #e9e1d6 12.9%, #ece4de 16.1%, #ece5e3 19.4%, #eae3e2 22.6%, #e6dcdd 25.8%, #dfcfd3 29.0%, #d6bdc7 32.3%, #c8a8bc 35.5%, #b792b2 38.7%, #a37eaa 41.9%, #8e6da3 45.2%, #79609d 48.4%, #675896 51.6%, #54518c 54.8%, #424b80 58.1%, #344572 61.3%, #294165 64.5%, #253e5a 67.7%, #243c53 71.0%, #273d51 74.2%, #2e4256 77.4%, #3b4c63 80.6%, #4d5975 83.9%, #64688a 87.1%, #7e789e 90.3%, #9886b0 93.5%, #ae93bd 96.8%, #be9cc5 100.0%);
background: linear-gradient(135deg in oklch, oklch(86.22% 0.0358 125.16) 0.0%, oklch(86.92% 0.0329 116.32) 3.2%, oklch(88.18% 0.0281 104.29) 6.5%, oklch(89.71% 0.0223 89.96) 9.7%, oklch(91.19% 0.0165 74.20) 12.9%, oklch(92.30% 0.0116 57.89) 16.1%, oklch(92.74% 0.0083 41.90) 19.4%, oklch(92.19% 0.0078 27.13) 22.6%, oklch(90.34% 0.0108 14.37) 25.8%, oklch(86.89% 0.0189 2.65) 29.0%, oklch(82.15% 0.0311 351.42) 32.3%, oklch(76.54% 0.0458 340.66) 35.5%, oklch(70.49% 0.0612 330.37) 38.7%, oklch(64.42% 0.0759 320.56) 41.9%, oklch(58.76% 0.0880 311.22) 45.2%, oklch(53.93% 0.0959 302.36) 48.4%, oklch(50.16% 0.0982 293.79) 51.6%, oklch(46.53% 0.0952 284.63) 54.8%, oklch(43.04% 0.0882 275.28) 58.1%, oklch(39.92% 0.0787 266.35) 61.3%, oklch(37.35% 0.0682 258.46) 64.5%, oklch(35.56% 0.0581 252.22) 67.7%, oklch(34.75% 0.0498 248.24) 71.0%, oklch(35.13% 0.0447 247.14) 74.2%, oklch(37.13% 0.0436 249.87) 77.4%, oklch(41.11% 0.0451 256.92) 80.6%, oklch(46.49% 0.0485 267.09) 83.9%, oklch(52.69% 0.0532 279.11) 87.1%, oklch(59.10% 0.0584 291.70) 90.3%, oklch(65.13% 0.0634 303.61) 93.5%, oklch(70.17% 0.0676 313.57) 96.8%, oklch(73.62% 0.0703 320.30) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.862 | 0.036 | 125.2 |
| 2 | 0.909 | 0.01 | 17.4 |
| 3 | 0.52 | 0.098 | -61.9 |
| 4 | 0.354 | 0.044 | -112.6 |
| 5 | 0.736 | 0.07 | -39.7 |

## In these collections

- [Wisteria shadow wall](https://grabient.com/wisteria-shadow-wall)

## Other forms

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