# Ivy violet shadow wall

Blue, teal, gray and light blue linear gradient with 40 colors: #5f3e86, #58458b, #4d4e8f, #3f588f, #32628b, #2d6a84, #34707b, #417473, #4e756e, #57766c, #5b756b, #5a736a, #56706a, #506b69, #496668, #436068, #405a68, #3f5568, #415268, #44516a, #48536d, #4f5974, #57617e, #606c89, #6a7996, #7486a3, #7d92af, #849eb9, #8aa7c0, #8cadc4, #8bafc4, #87adbf, #80aab7, #79a4ad, #719da1, #6a9594, #648d88, #5f867d, #5b8074, #597c6e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Blue, teal, gray and light blue linear gradient
- Seed: `kWb1XXxI0wLeQy1dEjyxpC3g`
- Page: https://grabient.com/kWb1XXxI0wLeQy1dEjyxpC3g?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: muted, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 3.5 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 | `#5f3e86` | `oklch(43.70% 0.1171 303.05)` | Tillandsia Purple | white, 8.2 to 1 |
| 2 | `#58458b` | `oklch(44.42% 0.1117 293.81)` | Harvest Night | white, 7.9 to 1 |
| 3 | `#4d4e8f` | `oklch(45.48% 0.1042 280.53)` | Beaded Blue | white, 7.5 to 1 |
| 4 | `#3f588f` | `oklch(46.77% 0.0951 264.38)` | Lambent Lagoon | white, 6.9 to 1 |
| 5 | `#32628b` | `oklch(48.19% 0.0851 246.54)` | Bay Site | white, 6.4 to 1 |
| 6 | `#2d6a84` | `oklch(49.64% 0.0746 228.18)` | Saxony Blue | white, 5.9 to 1 |
| 7 | `#34707b` | `oklch(51.03% 0.0642 210.47)` | Grand Rapids | white, 5.5 to 1 |
| 8 | `#417473` | `oklch(52.25% 0.0545 194.58)` | Surf Green | white, 5.3 to 1 |
| 9 | `#4e756e` | `oklch(53.20% 0.0460 181.70)` | Tandayapa Cloud Forest | white, 5.1 to 1 |
| 10 | `#57766c` | `oklch(53.79% 0.0393 172.99)` | September Sea | white, 4.9 to 1 |
| 11 | `#5b756b` | `oklch(53.91% 0.0350 169.61)` | September Sea | white, 4.9 to 1 |
| 12 | `#5a736a` | `oklch(53.34% 0.0327 171.94)` | Noble Fir | white, 5.1 to 1 |
| 13 | `#56706a` | `oklch(52.16% 0.0320 178.96)` | Stone Bridge | white, 5.3 to 1 |
| 14 | `#506b69` | `oklch(50.57% 0.0325 189.54)` | Rookwood Sash Green | white, 5.7 to 1 |
| 15 | `#496668` | `oklch(48.76% 0.0340 202.54)` | Walk Me Home | white, 6.2 to 1 |
| 16 | `#436068` | `oklch(46.94% 0.0362 216.80)` | Wanderlust | white, 6.7 to 1 |
| 17 | `#405a68` | `oklch(45.29% 0.0387 231.19)` | Saxon Blue | white, 7.2 to 1 |
| 18 | `#3f5568` | `oklch(44.01% 0.0412 244.56)` | Inkjet | white, 7.7 to 1 |
| 19 | `#415268` | `oklch(43.29% 0.0434 255.78)` | Into the Stratosphere | white, 7.9 to 1 |
| 20 | `#44516a` | `oklch(43.33% 0.0450 263.70)` | Elegant Navy | white, 8 to 1 |
| 21 | `#48536d` | `oklch(44.36% 0.0458 267.56)` | East Bay | white, 7.6 to 1 |
| 22 | `#4f5974` | `oklch(46.53% 0.0465 269.08)` | Nightshade Purple | white, 6.9 to 1 |
| 23 | `#57617e` | `oklch(49.61% 0.0471 268.84)` | Award Night | white, 6.1 to 1 |
| 24 | `#606c89` | `oklch(53.32% 0.0477 267.11)` | Dangerously Elegant | white, 5.2 to 1 |
| 25 | `#6a7996` | `oklch(57.38% 0.0482 264.14)` | Noble Blue | black, 4.7 to 1 |
| 26 | `#7486a3` | `oklch(61.50% 0.0487 260.19)` | Faded Denim | black, 5.6 to 1 |
| 27 | `#7d92af` | `oklch(65.41% 0.0490 255.53)` | Accolade | black, 6.6 to 1 |
| 28 | `#849eb9` | `oklch(68.83% 0.0493 250.42)` | Office Blue | black, 7.5 to 1 |
| 29 | `#8aa7c0` | `oklch(71.46% 0.0495 245.10)` | Kaleidoscope | black, 8.3 to 1 |
| 30 | `#8cadc4` | `oklch(73.03% 0.0496 239.86)` | Chilly Blue | black, 8.8 to 1 |
| 31 | `#8bafc4` | `oklch(73.37% 0.0495 234.37)` | Chilly Blue | black, 8.9 to 1 |
| 32 | `#87adbf` | `oklch(72.67% 0.0493 227.56)` | Chilly Blue | black, 8.7 to 1 |
| 33 | `#80aab7` | `oklch(71.16% 0.0489 219.74)` | Winter Twilight | black, 8.3 to 1 |
| 34 | `#79a4ad` | `oklch(69.05% 0.0484 211.29)` | Seascape | black, 7.7 to 1 |
| 35 | `#719da1` | `oklch(66.55% 0.0479 202.56)` | Voyage | black, 7 to 1 |
| 36 | `#6a9594` | `oklch(63.86% 0.0473 193.93)` | Green Turquoise | black, 6.3 to 1 |
| 37 | `#648d88` | `oklch(61.20% 0.0467 185.77)` | Ebbing Tide | black, 5.7 to 1 |
| 38 | `#5f867d` | `oklch(58.79% 0.0462 178.44)` | Greenella | black, 5.1 to 1 |
| 39 | `#5b8074` | `oklch(56.82% 0.0458 172.32)` | Trellis Vine | black, 4.7 to 1 |
| 40 | `#597c6e` | `oklch(55.51% 0.0455 167.78)` | Fuchsite Green | white, 4.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #5f3e86 0.0%, #58458b 2.6%, #4d4e8f 5.1%, #3f588f 7.7%, #32628b 10.3%, #2d6a84 12.8%, #34707b 15.4%, #417473 17.9%, #4e756e 20.5%, #57766c 23.1%, #5b756b 25.6%, #5a736a 28.2%, #56706a 30.8%, #506b69 33.3%, #496668 35.9%, #436068 38.5%, #405a68 41.0%, #3f5568 43.6%, #415268 46.2%, #44516a 48.7%, #48536d 51.3%, #4f5974 53.8%, #57617e 56.4%, #606c89 59.0%, #6a7996 61.5%, #7486a3 64.1%, #7d92af 66.7%, #849eb9 69.2%, #8aa7c0 71.8%, #8cadc4 74.4%, #8bafc4 76.9%, #87adbf 79.5%, #80aab7 82.1%, #79a4ad 84.6%, #719da1 87.2%, #6a9594 89.7%, #648d88 92.3%, #5f867d 94.9%, #5b8074 97.4%, #597c6e 100.0%);
background: linear-gradient(135deg in oklch, oklch(43.70% 0.1171 303.05) 0.0%, oklch(44.42% 0.1117 293.81) 2.6%, oklch(45.48% 0.1042 280.53) 5.1%, oklch(46.77% 0.0951 264.38) 7.7%, oklch(48.19% 0.0851 246.54) 10.3%, oklch(49.64% 0.0746 228.18) 12.8%, oklch(51.03% 0.0642 210.47) 15.4%, oklch(52.25% 0.0545 194.58) 17.9%, oklch(53.20% 0.0460 181.70) 20.5%, oklch(53.79% 0.0393 172.99) 23.1%, oklch(53.91% 0.0350 169.61) 25.6%, oklch(53.34% 0.0327 171.94) 28.2%, oklch(52.16% 0.0320 178.96) 30.8%, oklch(50.57% 0.0325 189.54) 33.3%, oklch(48.76% 0.0340 202.54) 35.9%, oklch(46.94% 0.0362 216.80) 38.5%, oklch(45.29% 0.0387 231.19) 41.0%, oklch(44.01% 0.0412 244.56) 43.6%, oklch(43.29% 0.0434 255.78) 46.2%, oklch(43.33% 0.0450 263.70) 48.7%, oklch(44.36% 0.0458 267.56) 51.3%, oklch(46.53% 0.0465 269.08) 53.8%, oklch(49.61% 0.0471 268.84) 56.4%, oklch(53.32% 0.0477 267.11) 59.0%, oklch(57.38% 0.0482 264.14) 61.5%, oklch(61.50% 0.0487 260.19) 64.1%, oklch(65.41% 0.0490 255.53) 66.7%, oklch(68.83% 0.0493 250.42) 69.2%, oklch(71.46% 0.0495 245.10) 71.8%, oklch(73.03% 0.0496 239.86) 74.4%, oklch(73.37% 0.0495 234.37) 76.9%, oklch(72.67% 0.0493 227.56) 79.5%, oklch(71.16% 0.0489 219.74) 82.1%, oklch(69.05% 0.0484 211.29) 84.6%, oklch(66.55% 0.0479 202.56) 87.2%, oklch(63.86% 0.0473 193.93) 89.7%, oklch(61.20% 0.0467 185.77) 92.3%, oklch(58.79% 0.0462 178.44) 94.9%, oklch(56.82% 0.0458 172.32) 97.4%, oklch(55.51% 0.0455 167.78) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.437 | 0.117 | 303 |
| 2 | 0.539 | 0.036 | 169.9 |
| 3 | 0.437 | 0.045 | 266.1 |
| 4 | 0.732 | 0.05 | 238.6 |
| 5 | 0.555 | 0.045 | 167.8 |

## In these collections

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

## Other forms

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