# Jacaranda violet sky diagonal

Gray, teal, blue and purple linear gradient with 32 colors: #d2c0a2, #c8bb97, #b7b48a, #9fac7e, #81a478, #5d9c7a, #379382, #0e898c, #038095, #28779c, #456f9e, #5c699b, #6c6593, #77638a, #7e6283, #82617e, #835f7c, #835c7e, #805986, #795691, #6e559e, #5e57aa, #4a5ab3, #385eb8, #2d62bb, #2a67bd, #2e6cc0, #3772c2, #4277c4, #4c7cc5, #5480c6, #5883c7. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray, teal, blue and purple linear gradient
- Seed: `kWzyE4xqNPcQVznANrezam_Y`
- Page: https://grabient.com/kWzyE4xqNPcQVznANrezam_Y?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: dark center
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.4 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 | `#d2c0a2` | `oklch(81.50% 0.0455 79.45)` | Dune | black, 11.7 to 1 |
| 2 | `#c8bb97` | `oklch(79.24% 0.0502 90.01)` | Stone Guardians | black, 10.9 to 1 |
| 3 | `#b7b48a` | `oklch(76.04% 0.0572 104.17)` | Powdered Sage | black, 9.8 to 1 |
| 4 | `#9fac7e` | `oklch(72.22% 0.0656 121.04)` | Siamese Green | black, 8.6 to 1 |
| 5 | `#81a478` | `oklch(68.11% 0.0744 139.71)` | Greyish Green | black, 7.5 to 1 |
| 6 | `#5d9c7a` | `oklch(64.01% 0.0828 159.30)` | Memphis Green | black, 6.4 to 1 |
| 7 | `#379382` | `oklch(60.27% 0.0899 178.89)` | Highlands | black, 5.6 to 1 |
| 8 | `#0e898c` | `oklch(57.19% 0.0948 197.59)` | Industrial Blue | black, 4.9 to 1 |
| 9 | `#038095` | `oklch(55.09% 0.0965 214.67)` | Craftsman Blue | white, 4.6 to 1 |
| 10 | `#28779c` | `oklch(53.84% 0.0941 232.84)` | Fun and Games | white, 4.9 to 1 |
| 11 | `#456f9e` | `oklch(53.22% 0.0883 252.45)` | Naval | white, 5.2 to 1 |
| 12 | `#5c699b` | `oklch(53.05% 0.0805 272.31)` | Moonshade | white, 5.3 to 1 |
| 13 | `#6c6593` | `oklch(53.17% 0.0723 291.25)` | Dark Horizon | white, 5.3 to 1 |
| 14 | `#77638a` | `oklch(53.42% 0.0649 308.06)` | Super Violet | white, 5.3 to 1 |
| 15 | `#7e6283` | `oklch(53.64% 0.0597 321.58)` | Trendy Pink | white, 5.2 to 1 |
| 16 | `#82617e` | `oklch(53.66% 0.0582 330.61)` | Purple Gumdrop | white, 5.2 to 1 |
| 17 | `#835f7c` | `oklch(53.35% 0.0617 333.88)` | Purple Gumdrop | white, 5.3 to 1 |
| 18 | `#835c7e` | `oklch(52.80% 0.0707 330.69)` | Trendy Pink | white, 5.5 to 1 |
| 19 | `#805986` | `oklch(52.13% 0.0836 322.50)` | Muted Purple | white, 5.7 to 1 |
| 20 | `#795691` | `oklch(51.43% 0.0987 310.97)` | Juneberry | white, 5.9 to 1 |
| 21 | `#6e559e` | `oklch(50.80% 0.1145 297.76)` | Rollick | white, 6 to 1 |
| 22 | `#5e57aa` | `oklch(50.34% 0.1292 284.54)` | Yuè Guāng Lán Moonlight | white, 6.1 to 1 |
| 23 | `#4a5ab3` | `oklch(50.13% 0.1413 272.96)` | Chinese Bellflower | white, 6.1 to 1 |
| 24 | `#385eb8` | `oklch(50.29% 0.1491 264.68)` | Adventure of the Seas | white, 6 to 1 |
| 25 | `#2d62bb` | `oklch(50.92% 0.1516 260.31)` | Blue Streak | white, 5.8 to 1 |
| 26 | `#2a67bd` | `oklch(52.07% 0.1500 257.86)` | Blue Streak | white, 5.5 to 1 |
| 27 | `#2e6cc0` | `oklch(53.58% 0.1454 256.82)` | Matt Blue | white, 5.2 to 1 |
| 28 | `#3772c2` | `oklch(55.29% 0.1389 256.80)` | Palace Blue | white, 4.8 to 1 |
| 29 | `#4277c4` | `oklch(57.05% 0.1315 257.42)` | Celestial Plum | black, 4.6 to 1 |
| 30 | `#4c7cc5` | `oklch(58.70% 0.1242 258.27)` | Tufts Blue | black, 5 to 1 |
| 31 | `#5480c6` | `oklch(60.07% 0.1182 258.96)` | Sea Note | black, 5.3 to 1 |
| 32 | `#5883c7` | `oklch(61.02% 0.1144 259.10)` | Astro Nautico | black, 5.5 to 1 |

## CSS

```css
background: linear-gradient(225deg, #d2c0a2 0.0%, #c8bb97 3.2%, #b7b48a 6.5%, #9fac7e 9.7%, #81a478 12.9%, #5d9c7a 16.1%, #379382 19.4%, #0e898c 22.6%, #038095 25.8%, #28779c 29.0%, #456f9e 32.3%, #5c699b 35.5%, #6c6593 38.7%, #77638a 41.9%, #7e6283 45.2%, #82617e 48.4%, #835f7c 51.6%, #835c7e 54.8%, #805986 58.1%, #795691 61.3%, #6e559e 64.5%, #5e57aa 67.7%, #4a5ab3 71.0%, #385eb8 74.2%, #2d62bb 77.4%, #2a67bd 80.6%, #2e6cc0 83.9%, #3772c2 87.1%, #4277c4 90.3%, #4c7cc5 93.5%, #5480c6 96.8%, #5883c7 100.0%);
background: linear-gradient(225deg in oklch, oklch(81.50% 0.0455 79.45) 0.0%, oklch(79.24% 0.0502 90.01) 3.2%, oklch(76.04% 0.0572 104.17) 6.5%, oklch(72.22% 0.0656 121.04) 9.7%, oklch(68.11% 0.0744 139.71) 12.9%, oklch(64.01% 0.0828 159.30) 16.1%, oklch(60.27% 0.0899 178.89) 19.4%, oklch(57.19% 0.0948 197.59) 22.6%, oklch(55.09% 0.0965 214.67) 25.8%, oklch(53.84% 0.0941 232.84) 29.0%, oklch(53.22% 0.0883 252.45) 32.3%, oklch(53.05% 0.0805 272.31) 35.5%, oklch(53.17% 0.0723 291.25) 38.7%, oklch(53.42% 0.0649 308.06) 41.9%, oklch(53.64% 0.0597 321.58) 45.2%, oklch(53.66% 0.0582 330.61) 48.4%, oklch(53.35% 0.0617 333.88) 51.6%, oklch(52.80% 0.0707 330.69) 54.8%, oklch(52.13% 0.0836 322.50) 58.1%, oklch(51.43% 0.0987 310.97) 61.3%, oklch(50.80% 0.1145 297.76) 64.5%, oklch(50.34% 0.1292 284.54) 67.7%, oklch(50.13% 0.1413 272.96) 71.0%, oklch(50.29% 0.1491 264.68) 74.2%, oklch(50.92% 0.1516 260.31) 77.4%, oklch(52.07% 0.1500 257.86) 80.6%, oklch(53.58% 0.1454 256.82) 83.9%, oklch(55.29% 0.1389 256.80) 87.1%, oklch(57.05% 0.1315 257.42) 90.3%, oklch(58.70% 0.1242 258.27) 93.5%, oklch(60.07% 0.1182 258.96) 96.8%, oklch(61.02% 0.1144 259.10) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.815 | 0.045 | 79.5 |
| 2 | 0.555 | 0.096 | 210.5 |
| 3 | 0.535 | 0.059 | 333.1 |
| 4 | 0.504 | 0.15 | 263.3 |
| 5 | 0.61 | 0.114 | 259.1 |

## In these collections

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

## Other forms

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