# Ivy teal violet diagonal

Purple, gray, green and black linear gradient with 56 colors: #9c7bb8, #967ab6, #8e79b3, #8577ae, #7b75a7, #71729f, #676f96, #5f6b8c, #586883, #536479, #4f6171, #4d5e6a, #4b5c65, #4a5b62, #4a5c62, #4a5e63, #4b6366, #4c696a, #4e716e, #507972, #548275, #588b77, #5f9477, #659c77, #6ca377, #72a876, #75ad76, #75af77, #70b078, #67b07c, #59ae82, #48aa8a, #35a591, #239e99, #1a959e, #208ba2, #2c80a2, #39759f, #426a99, #496192, #4d588a, #4e5181, #4e4a79, #4d4571, #4a3f69, #463a61, #42355a, #3e3052, #392b4b, #352745, #30233e, #2c2039, #281d34, #251a2f, #22182c, #201629. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Purple, gray, green and black linear gradient
- Seed: `kWokbbuoi1lkltw5HNAHA5C4`
- Page: https://grabient.com/kWokbbuoi1lkltw5HNAHA5C4?steps=56&angle=45
- Drawn as: linear gradient, 56 steps, 45 degrees
- Kinds: light center, muted, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 6.8 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 | `#9c7bb8` | `oklch(63.78% 0.0965 308.67)` | Plum Burst | black, 5.9 to 1 |
| 2 | `#967ab6` | `oklch(62.94% 0.0931 305.00)` | Lavender Purple | black, 5.7 to 1 |
| 3 | `#8e79b3` | `oklch(61.77% 0.0883 300.46)` | Paisley Purple | black, 5.5 to 1 |
| 4 | `#8577ae` | `oklch(60.32% 0.0825 295.15)` | Purple Rhapsody | black, 5.2 to 1 |
| 5 | `#7b75a7` | `oklch(58.67% 0.0760 289.19)` | Old Prune | black, 4.9 to 1 |
| 6 | `#71729f` | `oklch(56.89% 0.0688 282.70)` | Hyacinth Mauve | black, 4.6 to 1 |
| 7 | `#676f96` | `oklch(55.04% 0.0614 275.80)` | Royal Intrigue | white, 4.8 to 1 |
| 8 | `#5f6b8c` | `oklch(53.19% 0.0540 268.59)` | Justice | white, 5.2 to 1 |
| 9 | `#586883` | `oklch(51.42% 0.0469 261.20)` | Dana | white, 5.6 to 1 |
| 10 | `#536479` | `oklch(49.79% 0.0402 253.75)` | Evening Symphony | white, 6 to 1 |
| 11 | `#4f6171` | `oklch(48.36% 0.0343 246.34)` | Da Blues | white, 6.4 to 1 |
| 12 | `#4d5e6a` | `oklch(47.22% 0.0294 239.10)` | Ragtime Blues | white, 6.7 to 1 |
| 13 | `#4b5c65` | `oklch(46.42% 0.0258 232.13)` | Shot Over | white, 6.9 to 1 |
| 14 | `#4a5b62` | `oklch(46.04% 0.0238 225.56)` | Fiord | white, 7 to 1 |
| 15 | `#4a5c62` | `oklch(46.14% 0.0236 219.45)` | Blue Tapestry | white, 7 to 1 |
| 16 | `#4a5e63` | `oklch(46.86% 0.0253 212.87)` | Still Waters Run Deep | white, 6.7 to 1 |
| 17 | `#4b6366` | `oklch(48.16% 0.0289 205.59)` | Corundum Blue | white, 6.4 to 1 |
| 18 | `#4c696a` | `oklch(49.91% 0.0340 197.84)` | Sea Pine | white, 5.9 to 1 |
| 19 | `#4e716e` | `oklch(52.03% 0.0403 189.86)` | Stone Bridge | white, 5.3 to 1 |
| 20 | `#507972` | `oklch(54.41% 0.0475 181.87)` | Breaker Bay | white, 4.8 to 1 |
| 21 | `#548275` | `oklch(56.93% 0.0553 174.09)` | Frosty Spruce | black, 4.8 to 1 |
| 22 | `#588b77` | `oklch(59.50% 0.0634 166.76)` | Privet Hedge | black, 5.3 to 1 |
| 23 | `#5f9477` | `oklch(62.01% 0.0716 160.12)` | Deep Grass Green | black, 5.9 to 1 |
| 24 | `#659c77` | `oklch(64.36% 0.0794 154.38)` | Rosemary Green | black, 6.5 to 1 |
| 25 | `#6ca377` | `oklch(66.44% 0.0867 149.78)` | Growth | black, 7.1 to 1 |
| 26 | `#72a876` | `oklch(68.14% 0.0931 146.54)` | Dusty Green | black, 7.6 to 1 |
| 27 | `#75ad76` | `oklch(69.37% 0.0984 144.90)` | Abomination | black, 7.9 to 1 |
| 28 | `#75af77` | `oklch(70.01% 0.1021 145.08)` | Alfalfa Bug | black, 8.1 to 1 |
| 29 | `#70b078` | `oklch(69.99% 0.1042 147.39)` | Pale Green | black, 8.1 to 1 |
| 30 | `#67b07c` | `oklch(69.45% 0.1053 152.24)` | Pale Green | black, 8 to 1 |
| 31 | `#59ae82` | `oklch(68.46% 0.1054 159.36)` | Green Tourmaline | black, 7.7 to 1 |
| 32 | `#48aa8a` | `oklch(67.09% 0.1048 168.36)` | Laurel Wreath | black, 7.4 to 1 |
| 33 | `#35a591` | `oklch(65.39% 0.1035 178.89)` | Marine Green | black, 6.9 to 1 |
| 34 | `#239e99` | `oklch(63.43% 0.1017 190.57)` | Talismanic Teal | black, 6.4 to 1 |
| 35 | `#1a959e` | `oklch(61.26% 0.0994 203.02)` | Peacock Feather | black, 5.8 to 1 |
| 36 | `#208ba2` | `oklch(58.95% 0.0967 215.88)` | Waikiki | black, 5.2 to 1 |
| 37 | `#2c80a2` | `oklch(56.55% 0.0938 228.77)` | Summer Blue | black, 4.7 to 1 |
| 38 | `#39759f` | `oklch(54.12% 0.0908 241.33)` | Taiwan Blue Magpie | white, 4.9 to 1 |
| 39 | `#426a99` | `oklch(51.72% 0.0877 253.17)` | Queen Blue | white, 5.5 to 1 |
| 40 | `#496192` | `oklch(49.42% 0.0846 263.93)` | Last Light Blue | white, 6.1 to 1 |
| 41 | `#4d588a` | `oklch(47.27% 0.0818 273.23)` | Rich Violet | white, 6.8 to 1 |
| 42 | `#4e5181` | `oklch(45.33% 0.0791 280.71)` | Purple Navy | white, 7.4 to 1 |
| 43 | `#4e4a79` | `oklch(43.55% 0.0767 286.38)` | Purple Pool | white, 8.1 to 1 |
| 44 | `#4d4571` | `oklch(41.70% 0.0739 291.04)` | Dramatist | white, 8.7 to 1 |
| 45 | `#4a3f69` | `oklch(39.80% 0.0709 294.83)` | Geode | white, 9.5 to 1 |
| 46 | `#463a61` | `oklch(37.87% 0.0677 297.86)` | Mulberry Purple | white, 10.3 to 1 |
| 47 | `#42355a` | `oklch(35.93% 0.0643 300.22)` | Naggaroth Night | white, 11.1 to 1 |
| 48 | `#3e3052` | `oklch(34.00% 0.0609 302.00)` | Sanctum of Shadows | white, 12 to 1 |
| 49 | `#392b4b` | `oklch(32.12% 0.0574 303.32)` | Obsidian Lava Black | white, 12.8 to 1 |
| 50 | `#352745` | `oklch(30.30% 0.0541 304.26)` | Aubergine Mauve | white, 13.7 to 1 |
| 51 | `#30233e` | `oklch(28.57% 0.0508 304.93)` | Telopea | white, 14.5 to 1 |
| 52 | `#2c2039` | `oklch(26.95% 0.0477 305.42)` | Bleached Cedar | white, 15.3 to 1 |
| 53 | `#281d34` | `oklch(25.46% 0.0449 305.84)` | Bleached Cedar | white, 15.9 to 1 |
| 54 | `#251a2f` | `oklch(24.13% 0.0424 306.28)` | Black Howl | white, 16.5 to 1 |
| 55 | `#22182c` | `oklch(22.99% 0.0403 306.84)` | Sambucus | white, 17 to 1 |
| 56 | `#201629` | `oklch(22.05% 0.0386 307.62)` | Sambucus | white, 17.4 to 1 |

## CSS

```css
background: linear-gradient(45deg, #9c7bb8 0.0%, #967ab6 1.8%, #8e79b3 3.6%, #8577ae 5.5%, #7b75a7 7.3%, #71729f 9.1%, #676f96 10.9%, #5f6b8c 12.7%, #586883 14.5%, #536479 16.4%, #4f6171 18.2%, #4d5e6a 20.0%, #4b5c65 21.8%, #4a5b62 23.6%, #4a5c62 25.5%, #4a5e63 27.3%, #4b6366 29.1%, #4c696a 30.9%, #4e716e 32.7%, #507972 34.5%, #548275 36.4%, #588b77 38.2%, #5f9477 40.0%, #659c77 41.8%, #6ca377 43.6%, #72a876 45.5%, #75ad76 47.3%, #75af77 49.1%, #70b078 50.9%, #67b07c 52.7%, #59ae82 54.5%, #48aa8a 56.4%, #35a591 58.2%, #239e99 60.0%, #1a959e 61.8%, #208ba2 63.6%, #2c80a2 65.5%, #39759f 67.3%, #426a99 69.1%, #496192 70.9%, #4d588a 72.7%, #4e5181 74.5%, #4e4a79 76.4%, #4d4571 78.2%, #4a3f69 80.0%, #463a61 81.8%, #42355a 83.6%, #3e3052 85.5%, #392b4b 87.3%, #352745 89.1%, #30233e 90.9%, #2c2039 92.7%, #281d34 94.5%, #251a2f 96.4%, #22182c 98.2%, #201629 100.0%);
background: linear-gradient(45deg in oklch, oklch(63.78% 0.0965 308.67) 0.0%, oklch(62.94% 0.0931 305.00) 1.8%, oklch(61.77% 0.0883 300.46) 3.6%, oklch(60.32% 0.0825 295.15) 5.5%, oklch(58.67% 0.0760 289.19) 7.3%, oklch(56.89% 0.0688 282.70) 9.1%, oklch(55.04% 0.0614 275.80) 10.9%, oklch(53.19% 0.0540 268.59) 12.7%, oklch(51.42% 0.0469 261.20) 14.5%, oklch(49.79% 0.0402 253.75) 16.4%, oklch(48.36% 0.0343 246.34) 18.2%, oklch(47.22% 0.0294 239.10) 20.0%, oklch(46.42% 0.0258 232.13) 21.8%, oklch(46.04% 0.0238 225.56) 23.6%, oklch(46.14% 0.0236 219.45) 25.5%, oklch(46.86% 0.0253 212.87) 27.3%, oklch(48.16% 0.0289 205.59) 29.1%, oklch(49.91% 0.0340 197.84) 30.9%, oklch(52.03% 0.0403 189.86) 32.7%, oklch(54.41% 0.0475 181.87) 34.5%, oklch(56.93% 0.0553 174.09) 36.4%, oklch(59.50% 0.0634 166.76) 38.2%, oklch(62.01% 0.0716 160.12) 40.0%, oklch(64.36% 0.0794 154.38) 41.8%, oklch(66.44% 0.0867 149.78) 43.6%, oklch(68.14% 0.0931 146.54) 45.5%, oklch(69.37% 0.0984 144.90) 47.3%, oklch(70.01% 0.1021 145.08) 49.1%, oklch(69.99% 0.1042 147.39) 50.9%, oklch(69.45% 0.1053 152.24) 52.7%, oklch(68.46% 0.1054 159.36) 54.5%, oklch(67.09% 0.1048 168.36) 56.4%, oklch(65.39% 0.1035 178.89) 58.2%, oklch(63.43% 0.1017 190.57) 60.0%, oklch(61.26% 0.0994 203.02) 61.8%, oklch(58.95% 0.0967 215.88) 63.6%, oklch(56.55% 0.0938 228.77) 65.5%, oklch(54.12% 0.0908 241.33) 67.3%, oklch(51.72% 0.0877 253.17) 69.1%, oklch(49.42% 0.0846 263.93) 70.9%, oklch(47.27% 0.0818 273.23) 72.7%, oklch(45.33% 0.0791 280.71) 74.5%, oklch(43.55% 0.0767 286.38) 76.4%, oklch(41.70% 0.0739 291.04) 78.2%, oklch(39.80% 0.0709 294.83) 80.0%, oklch(37.87% 0.0677 297.86) 81.8%, oklch(35.93% 0.0643 300.22) 83.6%, oklch(34.00% 0.0609 302.00) 85.5%, oklch(32.12% 0.0574 303.32) 87.3%, oklch(30.30% 0.0541 304.26) 89.1%, oklch(28.57% 0.0508 304.93) 90.9%, oklch(26.95% 0.0477 305.42) 92.7%, oklch(25.46% 0.0449 305.84) 94.5%, oklch(24.13% 0.0424 306.28) 96.4%, oklch(22.99% 0.0403 306.84) 98.2%, oklch(22.05% 0.0386 307.62) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.638 | 0.096 | 308.7 |
| 2 | 0.461 | 0.023 | 221 |
| 3 | 0.701 | 0.103 | 145.9 |
| 4 | 0.449 | 0.079 | 282.3 |
| 5 | 0.22 | 0.039 | 307.6 |

## In these collections

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

## Other forms

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