# Cyan blossom violet diagonal

Muted rainbow from blue to purple linear gradient with 48 colors: #6d5ba5, #6b5faa, #6864af, #6569b4, #616fba, #5b76c0, #557dc5, #4c85ca, #428dcd, #3596d0, #239fd1, #02a8d1, #00afcd, #00b7c9, #00bfc4, #00c6be, #20ccb6, #3ed0ad, #56d4a3, #6cd698, #80d78e, #93d683, #a3d579, #b1d271, #bdcf69, #c8ca63, #d0c45e, #d7bd5c, #dcb65c, #dfae5e, #e0a761, #de9f66, #db986b, #d79170, #d18a75, #c98579, #c17f7d, #b87a7f, #ae7681, #a57281, #9c6e81, #936b80, #8a677e, #83657c, #7c6279, #766077, #705e75, #6c5c73. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Muted rainbow from blue to purple linear gradient
- Seed: `kShVPQ6C8rj-OrG`
- Page: https://grabient.com/kShVPQ6C8rj-OrG?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: light center, rainbow
- Hues: multi-hue
- 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 | `#6d5ba5` | `oklch(52.36% 0.1144 293.20)` | Prophet Violet | white, 5.6 to 1 |
| 2 | `#6b5faa` | `oklch(53.10% 0.1148 289.23)` | Blue Marguerite | white, 5.4 to 1 |
| 3 | `#6864af` | `oklch(54.03% 0.1155 284.65)` | Blue Iris | white, 5.2 to 1 |
| 4 | `#6569b4` | `oklch(55.13% 0.1163 279.53)` | Bluish Purple Anemone | white, 4.9 to 1 |
| 5 | `#616fba` | `oklch(56.40% 0.1173 273.89)` | Gladiola Blue | white, 4.6 to 1 |
| 6 | `#5b76c0` | `oklch(57.79% 0.1185 267.78)` | Blue Android Base | black, 4.7 to 1 |
| 7 | `#557dc5` | `oklch(59.30% 0.1197 261.24)` | Blue Iolite | black, 5.1 to 1 |
| 8 | `#4c85ca` | `oklch(60.90% 0.1210 254.31)` | Blue Sonki | black, 5.5 to 1 |
| 9 | `#428dcd` | `oklch(62.57% 0.1224 247.04)` | Magical Merlin | black, 5.9 to 1 |
| 10 | `#3596d0` | `oklch(64.30% 0.1238 239.46)` | Astrolabe Reef | black, 6.4 to 1 |
| 11 | `#239fd1` | `oklch(66.05% 0.1252 231.61)` | Blue Burst | black, 6.9 to 1 |
| 12 | `#02a8d1` | `oklch(67.81% 0.1266 223.55)` | Reboot | black, 7.4 to 1 |
| 13 | `#00afcd` | `oklch(69.56% 0.1231 215.31)` | Havasupai Falls | black, 8 to 1 |
| 14 | `#00b7c9` | `oklch(71.27% 0.1222 206.93)` | Lago Blue | black, 8.6 to 1 |
| 15 | `#00bfc4` | `oklch(72.92% 0.1240 198.44)` | Cala Benirrás Blue | black, 9.2 to 1 |
| 16 | `#00c6be` | `oklch(74.50% 0.1287 189.90)` | Swimmers Pool | black, 9.7 to 1 |
| 17 | `#20ccb6` | `oklch(75.99% 0.1319 181.35)` | Exquisite Turquoise | black, 10.3 to 1 |
| 18 | `#3ed0ad` | `oklch(77.35% 0.1325 172.83)` | Mint Jelly | black, 10.8 to 1 |
| 19 | `#56d4a3` | `oklch(78.58% 0.1329 164.37)` | Van Gogh Green | black, 11.3 to 1 |
| 20 | `#6cd698` | `oklch(79.64% 0.1330 156.03)` | Aurora Green | black, 11.7 to 1 |
| 21 | `#80d78e` | `oklch(80.53% 0.1328 147.83)` | Enchanted Emerald | black, 12 to 1 |
| 22 | `#93d683` | `oklch(81.21% 0.1323 139.83)` | Celery Sprig | black, 12.2 to 1 |
| 23 | `#a3d579` | `oklch(81.67% 0.1315 132.07)` | Crystal Green | black, 12.3 to 1 |
| 24 | `#b1d271` | `oklch(81.88% 0.1303 124.58)` | Fashion Green | black, 12.3 to 1 |
| 25 | `#bdcf69` | `oklch(81.83% 0.1287 117.33)` | Lustre Green | black, 12.2 to 1 |
| 26 | `#c8ca63` | `oklch(81.51% 0.1266 109.91)` | Gentle Dill | black, 12 to 1 |
| 27 | `#d0c45e` | `oklch(80.94% 0.1240 102.27)` | Sunlit Meadow | black, 11.7 to 1 |
| 28 | `#d7bd5c` | `oklch(80.15% 0.1210 94.44)` | Golden Bass | black, 11.3 to 1 |
| 29 | `#dcb65c` | `oklch(79.15% 0.1176 86.48)` | Birch Strain | black, 10.8 to 1 |
| 30 | `#dfae5e` | `oklch(77.97% 0.1139 78.40)` | Brown Mustard | black, 10.3 to 1 |
| 31 | `#e0a761` | `oklch(76.63% 0.1099 70.26)` | Earth Yellow | black, 9.8 to 1 |
| 32 | `#de9f66` | `oklch(75.15% 0.1056 62.08)` | Butternut Pie | black, 9.2 to 1 |
| 33 | `#db986b` | `oklch(73.55% 0.1011 53.90)` | Brown Yellow | black, 8.7 to 1 |
| 34 | `#d79170` | `oklch(71.85% 0.0965 45.75)` | Balcony Sunset | black, 8.1 to 1 |
| 35 | `#d18a75` | `oklch(70.08% 0.0917 37.69)` | Rosy Copper | black, 7.6 to 1 |
| 36 | `#c98579` | `oklch(68.25% 0.0869 29.73)` | Luscious Lobster | black, 7 to 1 |
| 37 | `#c17f7d` | `oklch(66.39% 0.0821 21.92)` | Brownish Pink | black, 6.6 to 1 |
| 38 | `#b87a7f` | `oklch(64.53% 0.0772 14.29)` | Fiesta Rojo | black, 6.1 to 1 |
| 39 | `#ae7681` | `oklch(62.67% 0.0725 6.88)` | French Marron | black, 5.7 to 1 |
| 40 | `#a57281` | `oklch(60.84% 0.0678 359.73)` | Never Forget | black, 5.3 to 1 |
| 41 | `#9c6e81` | `oklch(59.07% 0.0633 352.87)` | Meadow Flower | black, 4.9 to 1 |
| 42 | `#936b80` | `oklch(57.38% 0.0590 346.34)` | Strikemaster | black, 4.6 to 1 |
| 43 | `#8a677e` | `oklch(55.78% 0.0550 340.17)` | Imaginary Mauve | white, 4.8 to 1 |
| 44 | `#83657c` | `oklch(54.30% 0.0512 334.41)` | Port Wine Stain | white, 5.1 to 1 |
| 45 | `#7c6279` | `oklch(52.96% 0.0478 329.08)` | Majestic Plum | white, 5.4 to 1 |
| 46 | `#766077` | `oklch(51.78% 0.0447 324.23)` | Montana Grape | white, 5.6 to 1 |
| 47 | `#705e75` | `oklch(50.79% 0.0421 319.89)` | Banished Brown | white, 5.9 to 1 |
| 48 | `#6c5c73` | `oklch(50.00% 0.0400 316.10)` | Violet Haze | white, 6.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #6d5ba5 0.0%, #6b5faa 2.1%, #6864af 4.3%, #6569b4 6.4%, #616fba 8.5%, #5b76c0 10.6%, #557dc5 12.8%, #4c85ca 14.9%, #428dcd 17.0%, #3596d0 19.1%, #239fd1 21.3%, #02a8d1 23.4%, #00afcd 25.5%, #00b7c9 27.7%, #00bfc4 29.8%, #00c6be 31.9%, #20ccb6 34.0%, #3ed0ad 36.2%, #56d4a3 38.3%, #6cd698 40.4%, #80d78e 42.6%, #93d683 44.7%, #a3d579 46.8%, #b1d271 48.9%, #bdcf69 51.1%, #c8ca63 53.2%, #d0c45e 55.3%, #d7bd5c 57.4%, #dcb65c 59.6%, #dfae5e 61.7%, #e0a761 63.8%, #de9f66 66.0%, #db986b 68.1%, #d79170 70.2%, #d18a75 72.3%, #c98579 74.5%, #c17f7d 76.6%, #b87a7f 78.7%, #ae7681 80.9%, #a57281 83.0%, #9c6e81 85.1%, #936b80 87.2%, #8a677e 89.4%, #83657c 91.5%, #7c6279 93.6%, #766077 95.7%, #705e75 97.9%, #6c5c73 100.0%);
background: linear-gradient(135deg in oklch, oklch(52.36% 0.1144 293.20) 0.0%, oklch(53.10% 0.1148 289.23) 2.1%, oklch(54.03% 0.1155 284.65) 4.3%, oklch(55.13% 0.1163 279.53) 6.4%, oklch(56.40% 0.1173 273.89) 8.5%, oklch(57.79% 0.1185 267.78) 10.6%, oklch(59.30% 0.1197 261.24) 12.8%, oklch(60.90% 0.1210 254.31) 14.9%, oklch(62.57% 0.1224 247.04) 17.0%, oklch(64.30% 0.1238 239.46) 19.1%, oklch(66.05% 0.1252 231.61) 21.3%, oklch(67.81% 0.1266 223.55) 23.4%, oklch(69.56% 0.1231 215.31) 25.5%, oklch(71.27% 0.1222 206.93) 27.7%, oklch(72.92% 0.1240 198.44) 29.8%, oklch(74.50% 0.1287 189.90) 31.9%, oklch(75.99% 0.1319 181.35) 34.0%, oklch(77.35% 0.1325 172.83) 36.2%, oklch(78.58% 0.1329 164.37) 38.3%, oklch(79.64% 0.1330 156.03) 40.4%, oklch(80.53% 0.1328 147.83) 42.6%, oklch(81.21% 0.1323 139.83) 44.7%, oklch(81.67% 0.1315 132.07) 46.8%, oklch(81.88% 0.1303 124.58) 48.9%, oklch(81.83% 0.1287 117.33) 51.1%, oklch(81.51% 0.1266 109.91) 53.2%, oklch(80.94% 0.1240 102.27) 55.3%, oklch(80.15% 0.1210 94.44) 57.4%, oklch(79.15% 0.1176 86.48) 59.6%, oklch(77.97% 0.1139 78.40) 61.7%, oklch(76.63% 0.1099 70.26) 63.8%, oklch(75.15% 0.1056 62.08) 66.0%, oklch(73.55% 0.1011 53.90) 68.1%, oklch(71.85% 0.0965 45.75) 70.2%, oklch(70.08% 0.0917 37.69) 72.3%, oklch(68.25% 0.0869 29.73) 74.5%, oklch(66.39% 0.0821 21.92) 76.6%, oklch(64.53% 0.0772 14.29) 78.7%, oklch(62.67% 0.0725 6.88) 80.9%, oklch(60.84% 0.0678 359.73) 83.0%, oklch(59.07% 0.0633 352.87) 85.1%, oklch(57.38% 0.0590 346.34) 87.2%, oklch(55.78% 0.0550 340.17) 89.4%, oklch(54.30% 0.0512 334.41) 91.5%, oklch(52.96% 0.0478 329.08) 93.6%, oklch(51.78% 0.0447 324.23) 95.7%, oklch(50.79% 0.0421 319.89) 97.9%, oklch(50.00% 0.0400 316.10) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.524 | 0.114 | 293.2 |
| 2 | 0.819 | 0.13 | 121 |
| 3 | 0.5 | 0.04 | -43.9 |

## In these collections

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

## Other forms

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