# Jacaranda Shadow to Leaf

Dark purple, lavender, blue and gray linear gradient with 32 colors: #34283b, #392c3f, #403145, #48374c, #523e54, #5c455c, #674c64, #70526b, #775871, #7e5d77, #83617d, #886582, #8c6988, #906d8d, #947193, #987698, #9d7b9d, #a481a2, #ac87a6, #b58eaa, #bc94af, #c19ab3, #c39eb8, #c1a0bd, #b8a0c2, #a89fc4, #919dc1, #799ab4, #6696a0, #5e8f8a, #5f8875, #638268. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Dark purple, lavender, blue and gray linear gradient
- Seed: `kWTBrePxRCc6XvxelEASROq4`
- Page: https://grabient.com/kWTBrePxRCc6XvxelEASROq4?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: light center, muted
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 5.9 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 | `#34283b` | `oklch(29.92% 0.0358 312.19)` | Spinel Violet | white, 13.8 to 1 |
| 2 | `#392c3f` | `oklch(31.55% 0.0374 314.09)` | Spinel Violet | white, 13 to 1 |
| 3 | `#403145` | `oklch(33.79% 0.0397 316.85)` | Acai Berry | white, 12 to 1 |
| 4 | `#48374c` | `oklch(36.45% 0.0423 320.14)` | Prince | white, 10.8 to 1 |
| 5 | `#523e54` | `oklch(39.37% 0.0452 323.66)` | Currant Violet | white, 9.6 to 1 |
| 6 | `#5c455c` | `oklch(42.37% 0.0482 327.07)` | Crowd Pleaser | white, 8.5 to 1 |
| 7 | `#674c64` | `oklch(45.28% 0.0510 330.06)` | Vicarious Violet | white, 7.5 to 1 |
| 8 | `#70526b` | `oklch(47.91% 0.0536 332.31)` | Hibernation | white, 6.7 to 1 |
| 9 | `#775871` | `oklch(50.11% 0.0556 333.51)` | Exotic Orchid | white, 6.1 to 1 |
| 10 | `#7e5d77` | `oklch(51.99% 0.0574 333.66)` | Purple Gumdrop | white, 5.6 to 1 |
| 11 | `#83617d` | `oklch(53.68% 0.0592 333.01)` | Purple Gumdrop | white, 5.2 to 1 |
| 12 | `#886582` | `oklch(55.23% 0.0608 331.81)` | Blackberry Jam | white, 4.9 to 1 |
| 13 | `#8c6988` | `oklch(56.69% 0.0623 330.29)` | Mauveine | white, 4.6 to 1 |
| 14 | `#906d8d` | `oklch(58.11% 0.0634 328.69)` | Dianthus Mauve | black, 4.7 to 1 |
| 15 | `#947193` | `oklch(59.54% 0.0643 327.26)` | Felicia | black, 5 to 1 |
| 16 | `#987698` | `oklch(61.03% 0.0647 326.22)` | Rebel Rouser | black, 5.3 to 1 |
| 17 | `#9d7b9d` | `oklch(62.67% 0.0647 326.10)` | Divine | black, 5.7 to 1 |
| 18 | `#a481a2` | `oklch(64.67% 0.0640 328.30)` | Pink Plumeria | black, 6.2 to 1 |
| 19 | `#ac87a6` | `oklch(66.89% 0.0628 331.93)` | Dusty Lavender | black, 6.7 to 1 |
| 20 | `#b58eaa` | `oklch(69.13% 0.0613 335.82)` | Soft Impact | black, 7.3 to 1 |
| 21 | `#bc94af` | `oklch(71.19% 0.0596 338.73)` | Blooming Lilac | black, 7.9 to 1 |
| 22 | `#c19ab3` | `oklch(72.90% 0.0579 339.48)` | Lily | black, 8.5 to 1 |
| 23 | `#c39eb8` | `oklch(74.05% 0.0564 336.85)` | Idyllic Pink | black, 8.8 to 1 |
| 24 | `#c1a0bd` | `oklch(74.45% 0.0553 329.64)` | Marsh Orchid | black, 9 to 1 |
| 25 | `#b8a0c2` | `oklch(73.87% 0.0547 316.10)` | Blue Pink | black, 8.8 to 1 |
| 26 | `#a89fc4` | `oklch(72.25% 0.0542 295.48)` | Evening Slipper | black, 8.4 to 1 |
| 27 | `#919dc1` | `oklch(69.90% 0.0540 269.96)` | Blue Heron | black, 7.7 to 1 |
| 28 | `#799ab4` | `oklch(67.10% 0.0538 241.86)` | Walden Pond | black, 7.1 to 1 |
| 29 | `#6696a0` | `oklch(64.16% 0.0538 213.46)` | Shore Water | black, 6.4 to 1 |
| 30 | `#5e8f8a` | `oklch(61.38% 0.0538 187.07)` | Sea Garden | black, 5.7 to 1 |
| 31 | `#5f8875` | `oklch(59.05% 0.0538 164.96)` | Dark Jade | black, 5.2 to 1 |
| 32 | `#638268` | `oklch(57.48% 0.0537 149.45)` | Garden Greenery | black, 4.9 to 1 |

## CSS

```css
background: linear-gradient(225deg, #34283b 0.0%, #392c3f 3.2%, #403145 6.5%, #48374c 9.7%, #523e54 12.9%, #5c455c 16.1%, #674c64 19.4%, #70526b 22.6%, #775871 25.8%, #7e5d77 29.0%, #83617d 32.3%, #886582 35.5%, #8c6988 38.7%, #906d8d 41.9%, #947193 45.2%, #987698 48.4%, #9d7b9d 51.6%, #a481a2 54.8%, #ac87a6 58.1%, #b58eaa 61.3%, #bc94af 64.5%, #c19ab3 67.7%, #c39eb8 71.0%, #c1a0bd 74.2%, #b8a0c2 77.4%, #a89fc4 80.6%, #919dc1 83.9%, #799ab4 87.1%, #6696a0 90.3%, #5e8f8a 93.5%, #5f8875 96.8%, #638268 100.0%);
background: linear-gradient(225deg in oklch, oklch(29.92% 0.0358 312.19) 0.0%, oklch(31.55% 0.0374 314.09) 3.2%, oklch(33.79% 0.0397 316.85) 6.5%, oklch(36.45% 0.0423 320.14) 9.7%, oklch(39.37% 0.0452 323.66) 12.9%, oklch(42.37% 0.0482 327.07) 16.1%, oklch(45.28% 0.0510 330.06) 19.4%, oklch(47.91% 0.0536 332.31) 22.6%, oklch(50.11% 0.0556 333.51) 25.8%, oklch(51.99% 0.0574 333.66) 29.0%, oklch(53.68% 0.0592 333.01) 32.3%, oklch(55.23% 0.0608 331.81) 35.5%, oklch(56.69% 0.0623 330.29) 38.7%, oklch(58.11% 0.0634 328.69) 41.9%, oklch(59.54% 0.0643 327.26) 45.2%, oklch(61.03% 0.0647 326.22) 48.4%, oklch(62.67% 0.0647 326.10) 51.6%, oklch(64.67% 0.0640 328.30) 54.8%, oklch(66.89% 0.0628 331.93) 58.1%, oklch(69.13% 0.0613 335.82) 61.3%, oklch(71.19% 0.0596 338.73) 64.5%, oklch(72.90% 0.0579 339.48) 67.7%, oklch(74.05% 0.0564 336.85) 71.0%, oklch(74.45% 0.0553 329.64) 74.2%, oklch(73.87% 0.0547 316.10) 77.4%, oklch(72.25% 0.0542 295.48) 80.6%, oklch(69.90% 0.0540 269.96) 83.9%, oklch(67.10% 0.0538 241.86) 87.1%, oklch(64.16% 0.0538 213.46) 90.3%, oklch(61.38% 0.0538 187.07) 93.5%, oklch(59.05% 0.0538 164.96) 96.8%, oklch(57.48% 0.0537 149.45) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.299 | 0.036 | 312.2 |
| 2 | 0.496 | 0.055 | 333.3 |
| 3 | 0.618 | 0.065 | 325.9 |
| 4 | 0.744 | 0.055 | 327 |
| 5 | 0.575 | 0.054 | 149.4 |

## In these collections

- [Jacaranda first bloom](https://grabient.com/jacaranda-first-bloom)

## Other forms

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