# Pale lavender and sage wisteria shadow wall

The Pale lavender and sage wisteria shadow wall brings together light purple, purple, dark blue, teal, and green. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is light purple.

- Also called: Tritone lavender, navy and teal linear gradient
- Seed: `kY3Szf16u_LgrPomFrysw82lCTvS`
- Page: https://grabient.com/kY3Szf16u_LgrPomFrysw82lCTvS?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: dark center
- Hues: two-hue
- 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 | `#e3c9f1` | `oklch(87.01% 0.0606 314.30)` | Mousse aux Pruneaux | black, 13.8 to 1 |
| 2 | `#dec2ee` | `oklch(85.19% 0.0675 313.69)` | Beefy Pink | black, 13 to 1 |
| 3 | `#d8b8eb` | `oklch(82.74% 0.0775 312.91)` | Pretty Petunia | black, 12 to 1 |
| 4 | `#d0ade7` | `oklch(79.82% 0.0891 311.96)` | Tropical Violet | black, 10.8 to 1 |
| 5 | `#c7a1e3` | `oklch(76.55% 0.1009 310.85)` | Silver Rust | black, 9.6 to 1 |
| 6 | `#bd94dd` | `oklch(73.10% 0.1113 309.61)` | Lenurple | black, 8.4 to 1 |
| 7 | `#b288d6` | `oklch(69.59% 0.1189 308.24)` | Middy’s Purple | black, 7.3 to 1 |
| 8 | `#a67dcd` | `oklch(65.95% 0.1231 306.83)` | Wisteria | black, 6.4 to 1 |
| 9 | `#9870c2` | `oklch(61.87% 0.1256 305.44)` | Lilac Bush | black, 5.4 to 1 |
| 10 | `#8964b5` | `oklch(57.56% 0.1265 303.95)` | Lavish Spending | white, 4.6 to 1 |
| 11 | `#7b58a8` | `oklch(53.23% 0.1258 302.23)` | Royal Lavender | white, 5.5 to 1 |
| 12 | `#6c4d9c` | `oklch(49.11% 0.1237 300.13)` | Studio | white, 6.5 to 1 |
| 13 | `#5f4590` | `oklch(45.41% 0.1203 297.54)` | Lords of the Night | white, 7.6 to 1 |
| 14 | `#533e85` | `oklch(42.20% 0.1151 294.52)` | Harvest Night | white, 8.7 to 1 |
| 15 | `#473879` | `oklch(39.08% 0.1070 291.65)` | Galactic Compass | white, 9.9 to 1 |
| 16 | `#3d336d` | `oklch(36.15% 0.0969 288.57)` | Minsk | white, 11.1 to 1 |
| 17 | `#332f61` | `oklch(33.60% 0.0860 284.85)` | Galaxea | white, 12.2 to 1 |
| 18 | `#2b2c57` | `oklch(31.58% 0.0754 280.02)` | Deep Sea Base | white, 13.1 to 1 |
| 19 | `#242b50` | `oklch(30.28% 0.0663 273.63)` | Wahoo | white, 13.6 to 1 |
| 20 | `#1f2c4b` | `oklch(29.87% 0.0596 265.10)` | Manganese Black | white, 13.7 to 1 |
| 21 | `#1a3049` | `oklch(30.32% 0.0543 253.36)` | Manganese Black | white, 13.4 to 1 |
| 22 | `#173548` | `oklch(31.51% 0.0499 239.37)` | Blue Whale | white, 12.8 to 1 |
| 23 | `#183b48` | `oklch(33.29% 0.0464 224.49)` | Royal Neptune | white, 11.9 to 1 |
| 24 | `#1d4249` | `oklch(35.51% 0.0439 210.06)` | Bay Isle Pointe | white, 10.8 to 1 |
| 25 | `#25494a` | `oklch(38.02% 0.0421 197.46)` | June Bug | white, 9.8 to 1 |
| 26 | `#2e514e` | `oklch(40.72% 0.0412 187.99)` | Sea Moss | white, 8.7 to 1 |
| 27 | `#385b54` | `oklch(44.19% 0.0418 181.22)` | Iridescent | white, 7.5 to 1 |
| 28 | `#43675e` | `oklch(48.38% 0.0438 176.27)` | Earhart Emerald | white, 6.2 to 1 |
| 29 | `#4f7469` | `oklch(52.86% 0.0465 172.72)` | Smoky Emerald | white, 5.1 to 1 |
| 30 | `#5a8273` | `oklch(57.15% 0.0495 170.16)` | Cutty Sark | black, 4.8 to 1 |
| 31 | `#648d7d` | `oklch(60.82% 0.0521 168.17)` | Sea Monster | black, 5.6 to 1 |
| 32 | `#6b9583` | `oklch(63.39% 0.0537 166.35)` | Up North | black, 6.2 to 1 |

## CSS

```css
background: linear-gradient(225deg, #e3c9f1 0.0%, #dec2ee 3.2%, #d8b8eb 6.5%, #d0ade7 9.7%, #c7a1e3 12.9%, #bd94dd 16.1%, #b288d6 19.4%, #a67dcd 22.6%, #9870c2 25.8%, #8964b5 29.0%, #7b58a8 32.3%, #6c4d9c 35.5%, #5f4590 38.7%, #533e85 41.9%, #473879 45.2%, #3d336d 48.4%, #332f61 51.6%, #2b2c57 54.8%, #242b50 58.1%, #1f2c4b 61.3%, #1a3049 64.5%, #173548 67.7%, #183b48 71.0%, #1d4249 74.2%, #25494a 77.4%, #2e514e 80.6%, #385b54 83.9%, #43675e 87.1%, #4f7469 90.3%, #5a8273 93.5%, #648d7d 96.8%, #6b9583 100.0%);
background: linear-gradient(225deg in oklch, oklch(87.01% 0.0606 314.30) 0.0%, oklch(85.19% 0.0675 313.69) 3.2%, oklch(82.74% 0.0775 312.91) 6.5%, oklch(79.82% 0.0891 311.96) 9.7%, oklch(76.55% 0.1009 310.85) 12.9%, oklch(73.10% 0.1113 309.61) 16.1%, oklch(69.59% 0.1189 308.24) 19.4%, oklch(65.95% 0.1231 306.83) 22.6%, oklch(61.87% 0.1256 305.44) 25.8%, oklch(57.56% 0.1265 303.95) 29.0%, oklch(53.23% 0.1258 302.23) 32.3%, oklch(49.11% 0.1237 300.13) 35.5%, oklch(45.41% 0.1203 297.54) 38.7%, oklch(42.20% 0.1151 294.52) 41.9%, oklch(39.08% 0.1070 291.65) 45.2%, oklch(36.15% 0.0969 288.57) 48.4%, oklch(33.60% 0.0860 284.85) 51.6%, oklch(31.58% 0.0754 280.02) 54.8%, oklch(30.28% 0.0663 273.63) 58.1%, oklch(29.87% 0.0596 265.10) 61.3%, oklch(30.32% 0.0543 253.36) 64.5%, oklch(31.51% 0.0499 239.37) 67.7%, oklch(33.29% 0.0464 224.49) 71.0%, oklch(35.51% 0.0439 210.06) 74.2%, oklch(38.02% 0.0421 197.46) 77.4%, oklch(40.72% 0.0412 187.99) 80.6%, oklch(44.19% 0.0418 181.22) 83.9%, oklch(48.38% 0.0438 176.27) 87.1%, oklch(52.86% 0.0465 172.72) 90.3%, oklch(57.15% 0.0495 170.16) 93.5%, oklch(60.82% 0.0521 168.17) 96.8%, oklch(63.39% 0.0537 166.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.87 | 0.061 | 314.3 |
| 2 | 0.689 | 0.12 | 308 |
| 3 | 0.441 | 0.119 | 296.3 |
| 4 | 0.299 | 0.062 | 268.9 |
| 5 | 0.402 | 0.041 | 189.6 |
| 6 | 0.634 | 0.054 | 166.4 |

## In these collections

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

## Other forms

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