# Jacaranda spring color bands

Pastel rainbow from purple to pink linear gradient with 32 colors: #5b3b77, #5f407c, #654583, #6d4c8b, #755494, #7c5d9d, #8366a6, #8871b0, #8d7db9, #9289c2, #9796ca, #9da3d2, #a3aed8, #a9b9de, #b2c4e4, #bccfe9, #c5d9ee, #cce0f1, #cee4f2, #c8e3ef, #b7dce6, #9ed1d6, #82c4c0, #6db8a5, #69ad89, #79a771, #99a462, #bca368, #d7a784, #e6b1a8, #ecbdc7, #edc6d9. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel rainbow from purple to pink linear gradient
- Seed: `kYakraSKS_mGVvBzC7s1qG124SLU`
- Page: https://grabient.com/kYakraSKS_mGVvBzC7s1qG124SLU?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light center, pastel, rainbow
- Hues: split-complementary
- 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 | `#5b3b77` | `oklch(41.73% 0.1020 306.56)` | Loden Purple | white, 8.9 to 1 |
| 2 | `#5f407c` | `oklch(43.29% 0.1023 306.55)` | Dark Pansy | white, 8.3 to 1 |
| 3 | `#654583` | `oklch(45.40% 0.1030 306.82)` | Regality | white, 7.6 to 1 |
| 4 | `#6d4c8b` | `oklch(47.91% 0.1038 307.02)` | Grapes of Italy | white, 6.8 to 1 |
| 5 | `#755494` | `oklch(50.69% 0.1041 306.83)` | Juneberry | white, 6 to 1 |
| 6 | `#7c5d9d` | `oklch(53.61% 0.1034 305.92)` | Jubilee | white, 5.3 to 1 |
| 7 | `#8366a6` | `oklch(56.52% 0.1012 303.94)` | Chive Blossom | white, 4.7 to 1 |
| 8 | `#8871b0` | `oklch(59.46% 0.0971 300.67)` | Dahlia Purple | black, 5 to 1 |
| 9 | `#8d7db9` | `oklch(62.66% 0.0911 296.27)` | Unimaginable | black, 5.7 to 1 |
| 10 | `#9289c2` | `oklch(66.01% 0.0839 291.02)` | Magic Carpet | black, 6.5 to 1 |
| 11 | `#9796ca` | `oklch(69.38% 0.0761 285.21)` | Litmus | black, 7.5 to 1 |
| 12 | `#9da3d2` | `oklch(72.64% 0.0684 279.11)` | Water Hyacinth | black, 8.5 to 1 |
| 13 | `#a3aed8` | `oklch(75.66% 0.0616 273.01)` | Calm Interlude | black, 9.6 to 1 |
| 14 | `#a9b9de` | `oklch(78.49% 0.0557 267.23)` | Wisp | black, 10.6 to 1 |
| 15 | `#b2c4e4` | `oklch(81.64% 0.0490 261.92)` | Simply Sparkling | black, 11.8 to 1 |
| 16 | `#bccfe9` | `oklch(84.82% 0.0422 256.64)` | Maritime | black, 13.2 to 1 |
| 17 | `#c5d9ee` | `oklch(87.63% 0.0363 250.91)` | Light Powder Blue | black, 14.5 to 1 |
| 18 | `#cce0f1` | `oklch(89.71% 0.0322 244.25)` | First Shade of Blue | black, 15.5 to 1 |
| 19 | `#cee4f2` | `oklch(90.67% 0.0308 236.19)` | New Heights | black, 15.9 to 1 |
| 20 | `#c8e3ef` | `oklch(90.05% 0.0333 226.38)` | Niagara Falls | black, 15.7 to 1 |
| 21 | `#b7dce6` | `oklch(87.13% 0.0415 215.64)` | Alpine Alabaster | black, 14.4 to 1 |
| 22 | `#9ed1d6` | `oklch(82.62% 0.0535 203.95)` | Morning Glory | black, 12.5 to 1 |
| 23 | `#82c4c0` | `oklch(77.49% 0.0670 190.96)` | Booty Bay | black, 10.6 to 1 |
| 24 | `#6db8a5` | `oklch(72.72% 0.0796 176.34)` | Turtle Lake | black, 9 to 1 |
| 25 | `#69ad89` | `oklch(69.26% 0.0889 159.77)` | Verdigris Green | black, 7.9 to 1 |
| 26 | `#79a771` | `oklch(68.10% 0.0925 140.81)` | Ready Lawn | black, 7.5 to 1 |
| 27 | `#99a462` | `oklch(69.39% 0.0899 116.55)` | Green Smoke | black, 7.8 to 1 |
| 28 | `#bca368` | `oklch(72.40% 0.0831 87.92)` | Desert Moss | black, 8.5 to 1 |
| 29 | `#d7a784` | `oklch(76.38% 0.0738 57.81)` | Desert Riverbed | black, 9.7 to 1 |
| 30 | `#e6b1a8` | `oklch(80.57% 0.0639 29.09)` | Shilo | black, 11.1 to 1 |
| 31 | `#ecbdc7` | `oklch(84.23% 0.0552 4.67)` | Rose Melody | black, 12.6 to 1 |
| 32 | `#edc6d9` | `oklch(86.61% 0.0496 347.42)` | Tussie-Mussie | black, 13.7 to 1 |

## CSS

```css
background: linear-gradient(180deg, #5b3b77 0.0%, #5f407c 3.2%, #654583 6.5%, #6d4c8b 9.7%, #755494 12.9%, #7c5d9d 16.1%, #8366a6 19.4%, #8871b0 22.6%, #8d7db9 25.8%, #9289c2 29.0%, #9796ca 32.3%, #9da3d2 35.5%, #a3aed8 38.7%, #a9b9de 41.9%, #b2c4e4 45.2%, #bccfe9 48.4%, #c5d9ee 51.6%, #cce0f1 54.8%, #cee4f2 58.1%, #c8e3ef 61.3%, #b7dce6 64.5%, #9ed1d6 67.7%, #82c4c0 71.0%, #6db8a5 74.2%, #69ad89 77.4%, #79a771 80.6%, #99a462 83.9%, #bca368 87.1%, #d7a784 90.3%, #e6b1a8 93.5%, #ecbdc7 96.8%, #edc6d9 100.0%);
background: linear-gradient(180deg in oklch, oklch(41.73% 0.1020 306.56) 0.0%, oklch(43.29% 0.1023 306.55) 3.2%, oklch(45.40% 0.1030 306.82) 6.5%, oklch(47.91% 0.1038 307.02) 9.7%, oklch(50.69% 0.1041 306.83) 12.9%, oklch(53.61% 0.1034 305.92) 16.1%, oklch(56.52% 0.1012 303.94) 19.4%, oklch(59.46% 0.0971 300.67) 22.6%, oklch(62.66% 0.0911 296.27) 25.8%, oklch(66.01% 0.0839 291.02) 29.0%, oklch(69.38% 0.0761 285.21) 32.3%, oklch(72.64% 0.0684 279.11) 35.5%, oklch(75.66% 0.0616 273.01) 38.7%, oklch(78.49% 0.0557 267.23) 41.9%, oklch(81.64% 0.0490 261.92) 45.2%, oklch(84.82% 0.0422 256.64) 48.4%, oklch(87.63% 0.0363 250.91) 51.6%, oklch(89.71% 0.0322 244.25) 54.8%, oklch(90.67% 0.0308 236.19) 58.1%, oklch(90.05% 0.0333 226.38) 61.3%, oklch(87.13% 0.0415 215.64) 64.5%, oklch(82.62% 0.0535 203.95) 67.7%, oklch(77.49% 0.0670 190.96) 71.0%, oklch(72.72% 0.0796 176.34) 74.2%, oklch(69.26% 0.0889 159.77) 77.4%, oklch(68.10% 0.0925 140.81) 80.6%, oklch(69.39% 0.0899 116.55) 83.9%, oklch(72.40% 0.0831 87.92) 87.1%, oklch(76.38% 0.0738 57.81) 90.3%, oklch(80.57% 0.0639 29.09) 93.5%, oklch(84.23% 0.0552 4.67) 96.8%, oklch(86.61% 0.0496 347.42) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.417 | 0.102 | 306.6 |
| 2 | 0.571 | 0.101 | 303.4 |
| 3 | 0.768 | 0.059 | 270.6 |
| 4 | 0.906 | 0.032 | 230.5 |
| 5 | 0.681 | 0.092 | 144.9 |
| 6 | 0.866 | 0.05 | -12.6 |

## In these collections

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

## Other forms

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