# Sky blush spring diagonal

Muted rainbow from blue to purple linear gradient with 32 colors: #579abb, #5b9dbe, #63a1c4, #6ba7cb, #74add2, #7cb2d8, #83b7de, #86bbe1, #85bde2, #7fbcdf, #77b9db, #6bb4d5, #5db0cd, #4facc4, #41aab9, #3aa9ab, #43aa9b, #5dac89, #80ae76, #a3ac6b, #c1aa6d, #d6a77c, #dfa58f, #dea39f, #d69ea7, #c897a8, #b78da2, #a48199, #92768e, #836b83, #766279, #6d5c73. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Muted rainbow from blue to purple linear gradient
- Seed: `kWpj2k4hzA1Wjujhmauv464g`
- Page: https://grabient.com/kWpj2k4hzA1Wjujhmauv464g?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3 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 | `#579abb` | `oklch(65.35% 0.0841 231.33)` | Steel Light Blue | black, 6.7 to 1 |
| 2 | `#5b9dbe` | `oklch(66.46% 0.0834 232.33)` | Dupain | black, 6.9 to 1 |
| 3 | `#63a1c4` | `oklch(68.10% 0.0824 234.10)` | Gulf Stream Blue | black, 7.4 to 1 |
| 4 | `#6ba7cb` | `oklch(70.06% 0.0812 236.23)` | Wandering River | black, 7.9 to 1 |
| 5 | `#74add2` | `oklch(72.13% 0.0799 238.31)` | Blue Eyes | black, 8.6 to 1 |
| 6 | `#7cb2d8` | `oklch(74.09% 0.0789 239.94)` | Meadow Blossom Blue | black, 9.2 to 1 |
| 7 | `#83b7de` | `oklch(75.73% 0.0782 240.70)` | 21st Century Blue | black, 9.7 to 1 |
| 8 | `#86bbe1` | `oklch(76.83% 0.0781 240.19)` | C’est la Vie | black, 10.1 to 1 |
| 9 | `#85bde2` | `oklch(77.17% 0.0788 238.07)` | C’est la Vie | black, 10.3 to 1 |
| 10 | `#7fbcdf` | `oklch(76.60% 0.0808 235.40)` | Enchanting | black, 10.1 to 1 |
| 11 | `#77b9db` | `oklch(75.31% 0.0837 232.37)` | Pacific Harbour | black, 9.7 to 1 |
| 12 | `#6bb4d5` | `oklch(73.58% 0.0873 228.56)` | Skyscape | black, 9.1 to 1 |
| 13 | `#5db0cd` | `oklch(71.67% 0.0909 223.52)` | Crystal Seas | black, 8.5 to 1 |
| 14 | `#4facc4` | `oklch(69.83% 0.0942 216.84)` | Blue Mist | black, 8 to 1 |
| 15 | `#41aab9` | `oklch(68.34% 0.0967 208.08)` | Explore Blue | black, 7.6 to 1 |
| 16 | `#3aa9ab` | `oklch(67.46% 0.0979 196.82)` | Tidal Teal | black, 7.4 to 1 |
| 17 | `#43aa9b` | `oklch(67.46% 0.0974 182.32)` | Jewel Weed | black, 7.4 to 1 |
| 18 | `#5dac89` | `oklch(68.48% 0.0955 163.05)` | Verdigris Green | black, 7.7 to 1 |
| 19 | `#80ae76` | `oklch(70.22% 0.0925 140.13)` | Sage | black, 8.2 to 1 |
| 20 | `#a3ac6b` | `oklch(72.31% 0.0887 115.04)` | Umbrella Green | black, 8.7 to 1 |
| 21 | `#c1aa6d` | `oklch(74.38% 0.0844 89.28)` | Coriander Seed | black, 9.2 to 1 |
| 22 | `#d6a77c` | `oklch(76.10% 0.0799 64.33)` | Band-Aid | black, 9.6 to 1 |
| 23 | `#dfa58f` | `oklch(77.09% 0.0754 41.70)` | Venetian Plaster | black, 9.9 to 1 |
| 24 | `#dea39f` | `oklch(77.00% 0.0712 22.86)` | Passive Pink | black, 9.8 to 1 |
| 25 | `#d69ea7` | `oklch(75.50% 0.0673 8.33)` | Silver Rose | black, 9.3 to 1 |
| 26 | `#c897a8` | `oklch(72.65% 0.0630 356.25)` | Honey Pink | black, 8.4 to 1 |
| 27 | `#b78da2` | `oklch(68.86% 0.0585 346.23)` | Lover’s Tryst | black, 7.3 to 1 |
| 28 | `#a48199` | `oklch(64.53% 0.0540 337.97)` | Bouquet | black, 6.2 to 1 |
| 29 | `#92768e` | `oklch(60.08% 0.0496 331.18)` | Muted Berry | black, 5.2 to 1 |
| 30 | `#836b83` | `oklch(55.90% 0.0457 325.55)` | Parma Grey | white, 4.7 to 1 |
| 31 | `#766279` | `oklch(52.41% 0.0424 320.78)` | Montana Grape | white, 5.5 to 1 |
| 32 | `#6d5c73` | `oklch(50.00% 0.0400 316.57)` | Violet Haze | white, 6.1 to 1 |

## CSS

```css
background: linear-gradient(45deg, #579abb 0.0%, #5b9dbe 3.2%, #63a1c4 6.5%, #6ba7cb 9.7%, #74add2 12.9%, #7cb2d8 16.1%, #83b7de 19.4%, #86bbe1 22.6%, #85bde2 25.8%, #7fbcdf 29.0%, #77b9db 32.3%, #6bb4d5 35.5%, #5db0cd 38.7%, #4facc4 41.9%, #41aab9 45.2%, #3aa9ab 48.4%, #43aa9b 51.6%, #5dac89 54.8%, #80ae76 58.1%, #a3ac6b 61.3%, #c1aa6d 64.5%, #d6a77c 67.7%, #dfa58f 71.0%, #dea39f 74.2%, #d69ea7 77.4%, #c897a8 80.6%, #b78da2 83.9%, #a48199 87.1%, #92768e 90.3%, #836b83 93.5%, #766279 96.8%, #6d5c73 100.0%);
background: linear-gradient(45deg in oklch, oklch(65.35% 0.0841 231.33) 0.0%, oklch(66.46% 0.0834 232.33) 3.2%, oklch(68.10% 0.0824 234.10) 6.5%, oklch(70.06% 0.0812 236.23) 9.7%, oklch(72.13% 0.0799 238.31) 12.9%, oklch(74.09% 0.0789 239.94) 16.1%, oklch(75.73% 0.0782 240.70) 19.4%, oklch(76.83% 0.0781 240.19) 22.6%, oklch(77.17% 0.0788 238.07) 25.8%, oklch(76.60% 0.0808 235.40) 29.0%, oklch(75.31% 0.0837 232.37) 32.3%, oklch(73.58% 0.0873 228.56) 35.5%, oklch(71.67% 0.0909 223.52) 38.7%, oklch(69.83% 0.0942 216.84) 41.9%, oklch(68.34% 0.0967 208.08) 45.2%, oklch(67.46% 0.0979 196.82) 48.4%, oklch(67.46% 0.0974 182.32) 51.6%, oklch(68.48% 0.0955 163.05) 54.8%, oklch(70.22% 0.0925 140.13) 58.1%, oklch(72.31% 0.0887 115.04) 61.3%, oklch(74.38% 0.0844 89.28) 64.5%, oklch(76.10% 0.0799 64.33) 67.7%, oklch(77.09% 0.0754 41.70) 71.0%, oklch(77.00% 0.0712 22.86) 74.2%, oklch(75.50% 0.0673 8.33) 77.4%, oklch(72.65% 0.0630 356.25) 80.6%, oklch(68.86% 0.0585 346.23) 83.9%, oklch(64.53% 0.0540 337.97) 87.1%, oklch(60.08% 0.0496 331.18) 90.3%, oklch(55.90% 0.0457 325.55) 93.5%, oklch(52.41% 0.0424 320.78) 96.8%, oklch(50.00% 0.0400 316.57) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.654 | 0.084 | 231.3 |
| 2 | 0.772 | 0.079 | 238.7 |
| 3 | 0.673 | 0.098 | 190.1 |
| 4 | 0.768 | 0.07 | 18.9 |
| 5 | 0.5 | 0.04 | -43.4 |

## In these collections

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

## Other forms

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