# Blue, gray, pink and purple linear gradient

Blue, gray, pink and purple linear gradient with 48 colors: #5d788f, #617e93, #678698, #71919d, #7d9ca4, #89a7aa, #97b2b1, #a3bcb7, #aec4bc, #b6cbbe, #bbcebc, #c0d0b6, #c7cfad, #d0cca1, #dac596, #e5bd8d, #edb388, #f3a889, #f49d8e, #f29495, #ec8a9b, #e27f9f, #d573a1, #c768a2, #b85da2, #aa54a0, #9e4c9e, #94479c, #8e459b, #8d469a, #924b99, #9b5397, #a65d96, #b16995, #b97596, #bf7f97, #c28799, #c28b9b, #bd8a9b, #b38499, #a67b95, #956f90, #82638b, #6c5785, #574c7d, #424375, #303c6d, #233767. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYjiOu6Qs1GGpMFBtrjWBhEawgNM`
- Page: https://grabient.com/kYjiOu6Qs1GGpMFBtrjWBhEawgNM?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: light center, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.1 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 | `#5d788f` | `oklch(55.91% 0.0482 245.39)` | Titanium Blue | white, 4.6 to 1 |
| 2 | `#617e93` | `oklch(57.78% 0.0466 239.72)` | Pier 17 Steel | black, 4.9 to 1 |
| 3 | `#678698` | `oklch(60.42% 0.0438 232.61)` | Seal Pup | black, 5.4 to 1 |
| 4 | `#71919d` | `oklch(63.60% 0.0403 224.24)` | Silk Khimar | black, 6.2 to 1 |
| 5 | `#7d9ca4` | `oklch(67.12% 0.0366 214.81)` | Grand Boulevard | black, 7.1 to 1 |
| 6 | `#89a7aa` | `oklch(70.75% 0.0331 204.50)` | Stone Silver | black, 8.1 to 1 |
| 7 | `#97b2b1` | `oklch(74.28% 0.0301 193.50)` | Smooth-Hound Shark | black, 9.3 to 1 |
| 8 | `#a3bcb7` | `oklch(77.51% 0.0282 182.00)` | Lucinda | black, 10.4 to 1 |
| 9 | `#aec4bc` | `oklch(80.20% 0.0277 170.18)` | Ocean Droplet | black, 11.4 to 1 |
| 10 | `#b6cbbe` | `oklch(82.15% 0.0291 158.23)` | Matte Jade Green | black, 12.2 to 1 |
| 11 | `#bbcebc` | `oklch(83.25% 0.0329 146.01)` | Jade Tinge | black, 12.6 to 1 |
| 12 | `#c0d0b6` | `oklch(83.82% 0.0390 132.46)` | Stability | black, 12.9 to 1 |
| 13 | `#c7cfad` | `oklch(83.94% 0.0472 117.83)` | Bamboo White | black, 12.9 to 1 |
| 14 | `#d0cca1` | `oklch(83.67% 0.0567 102.54)` | Wasabi Zing | black, 12.7 to 1 |
| 15 | `#dac596` | `oklch(83.05% 0.0671 86.98)` | Straw Basket | black, 12.4 to 1 |
| 16 | `#e5bd8d` | `oklch(82.13% 0.0779 71.56)` | Gold Plate | black, 11.9 to 1 |
| 17 | `#edb388` | `oklch(80.97% 0.0886 56.68)` | Rusty Sand | black, 11.3 to 1 |
| 18 | `#f3a889` | `oklch(79.59% 0.0985 42.75)` | Salmon Slice | black, 10.7 to 1 |
| 19 | `#f49d8e` | `oklch(78.07% 0.1072 30.17)` | Fruit Shake | black, 10 to 1 |
| 20 | `#f29495` | `oklch(76.42% 0.1143 19.32)` | Primrose Garden | black, 9.4 to 1 |
| 21 | `#ec8a9b` | `oklch(74.19% 0.1208 9.48)` | Peony | black, 8.6 to 1 |
| 22 | `#e27f9f` | `oklch(71.30% 0.1274 0.27)` | Hope | black, 7.7 to 1 |
| 23 | `#d573a1` | `oklch(67.98% 0.1337 351.78)` | Camellia Pink | black, 6.8 to 1 |
| 24 | `#c768a2` | `oklch(64.46% 0.1394 344.11)` | Super Pink | black, 5.9 to 1 |
| 25 | `#b85da2` | `oklch(60.96% 0.1444 337.35)` | Bodacious | black, 5.1 to 1 |
| 26 | `#aa54a0` | `oklch(57.71% 0.1482 331.61)` | Orchid Dottyback | white, 4.6 to 1 |
| 27 | `#9e4c9e` | `oklch(54.93% 0.1508 326.97)` | Hyacinth Violet | white, 5.2 to 1 |
| 28 | `#94479c` | `oklch(52.84% 0.1517 323.53)` | Vicious Violet | white, 5.7 to 1 |
| 29 | `#8e459b` | `oklch(51.68% 0.1507 321.39)` | Murasaki Purple | white, 6 to 1 |
| 30 | `#8d469a` | `oklch(51.73% 0.1470 321.30)` | Murasaki Purple | white, 6 to 1 |
| 31 | `#924b99` | `oklch(53.06% 0.1401 324.22)` | Vicious Violet | white, 5.6 to 1 |
| 32 | `#9b5397` | `oklch(55.33% 0.1308 329.36)` | Hyacinth Violet | white, 5.1 to 1 |
| 33 | `#a65d96` | `oklch(58.21% 0.1198 335.88)` | Meadow Mauve | black, 4.6 to 1 |
| 34 | `#b16995` | `oklch(61.34% 0.1079 342.97)` | Je t’aime | black, 5.3 to 1 |
| 35 | `#b97596` | `oklch(64.38% 0.0961 349.78)` | First Plum | black, 6 to 1 |
| 36 | `#bf7f97` | `oklch(66.99% 0.0851 355.49)` | Polignac | black, 6.7 to 1 |
| 37 | `#c28799` | `oklch(68.83% 0.0757 359.25)` | Desert Bud | black, 7.2 to 1 |
| 38 | `#c28b9b` | `oklch(69.54% 0.0688 0.25)` | Desert Bud | black, 7.4 to 1 |
| 39 | `#bd8a9b` | `oklch(68.81% 0.0650 357.66)` | Mauvey Nude | black, 7.2 to 1 |
| 40 | `#b38499` | `oklch(66.63% 0.0639 351.40)` | Heather Violet | black, 6.6 to 1 |
| 41 | `#a67b95` | `oklch(63.31% 0.0648 342.22)` | Cali Lily | black, 5.8 to 1 |
| 42 | `#956f90` | `oklch(59.17% 0.0672 330.96)` | Felicia | black, 4.9 to 1 |
| 43 | `#82638b` | `oklch(54.52% 0.0707 318.41)` | Dusty Purple | white, 5.1 to 1 |
| 44 | `#6c5785` | `oklch(49.68% 0.0748 305.40)` | Mystical | white, 6.2 to 1 |
| 45 | `#574c7d` | `oklch(44.96% 0.0791 292.76)` | Fully Purple | white, 7.6 to 1 |
| 46 | `#424375` | `oklch(40.67% 0.0831 281.28)` | Deep Wisteria | white, 9.1 to 1 |
| 47 | `#303c6d` | `oklch(37.12% 0.0862 271.80)` | Spirit Blue | white, 10.5 to 1 |
| 48 | `#233767` | `oklch(34.65% 0.0882 265.12)` | Passionate Blue | white, 11.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #5d788f 0.0%, #617e93 2.1%, #678698 4.3%, #71919d 6.4%, #7d9ca4 8.5%, #89a7aa 10.6%, #97b2b1 12.8%, #a3bcb7 14.9%, #aec4bc 17.0%, #b6cbbe 19.1%, #bbcebc 21.3%, #c0d0b6 23.4%, #c7cfad 25.5%, #d0cca1 27.7%, #dac596 29.8%, #e5bd8d 31.9%, #edb388 34.0%, #f3a889 36.2%, #f49d8e 38.3%, #f29495 40.4%, #ec8a9b 42.6%, #e27f9f 44.7%, #d573a1 46.8%, #c768a2 48.9%, #b85da2 51.1%, #aa54a0 53.2%, #9e4c9e 55.3%, #94479c 57.4%, #8e459b 59.6%, #8d469a 61.7%, #924b99 63.8%, #9b5397 66.0%, #a65d96 68.1%, #b16995 70.2%, #b97596 72.3%, #bf7f97 74.5%, #c28799 76.6%, #c28b9b 78.7%, #bd8a9b 80.9%, #b38499 83.0%, #a67b95 85.1%, #956f90 87.2%, #82638b 89.4%, #6c5785 91.5%, #574c7d 93.6%, #424375 95.7%, #303c6d 97.9%, #233767 100.0%);
background: linear-gradient(135deg in oklch, oklch(55.91% 0.0482 245.39) 0.0%, oklch(57.78% 0.0466 239.72) 2.1%, oklch(60.42% 0.0438 232.61) 4.3%, oklch(63.60% 0.0403 224.24) 6.4%, oklch(67.12% 0.0366 214.81) 8.5%, oklch(70.75% 0.0331 204.50) 10.6%, oklch(74.28% 0.0301 193.50) 12.8%, oklch(77.51% 0.0282 182.00) 14.9%, oklch(80.20% 0.0277 170.18) 17.0%, oklch(82.15% 0.0291 158.23) 19.1%, oklch(83.25% 0.0329 146.01) 21.3%, oklch(83.82% 0.0390 132.46) 23.4%, oklch(83.94% 0.0472 117.83) 25.5%, oklch(83.67% 0.0567 102.54) 27.7%, oklch(83.05% 0.0671 86.98) 29.8%, oklch(82.13% 0.0779 71.56) 31.9%, oklch(80.97% 0.0886 56.68) 34.0%, oklch(79.59% 0.0985 42.75) 36.2%, oklch(78.07% 0.1072 30.17) 38.3%, oklch(76.42% 0.1143 19.32) 40.4%, oklch(74.19% 0.1208 9.48) 42.6%, oklch(71.30% 0.1274 0.27) 44.7%, oklch(67.98% 0.1337 351.78) 46.8%, oklch(64.46% 0.1394 344.11) 48.9%, oklch(60.96% 0.1444 337.35) 51.1%, oklch(57.71% 0.1482 331.61) 53.2%, oklch(54.93% 0.1508 326.97) 55.3%, oklch(52.84% 0.1517 323.53) 57.4%, oklch(51.68% 0.1507 321.39) 59.6%, oklch(51.73% 0.1470 321.30) 61.7%, oklch(53.06% 0.1401 324.22) 63.8%, oklch(55.33% 0.1308 329.36) 66.0%, oklch(58.21% 0.1198 335.88) 68.1%, oklch(61.34% 0.1079 342.97) 70.2%, oklch(64.38% 0.0961 349.78) 72.3%, oklch(66.99% 0.0851 355.49) 74.5%, oklch(68.83% 0.0757 359.25) 76.6%, oklch(69.54% 0.0688 0.25) 78.7%, oklch(68.81% 0.0650 357.66) 80.9%, oklch(66.63% 0.0639 351.40) 83.0%, oklch(63.31% 0.0648 342.22) 85.1%, oklch(59.17% 0.0672 330.96) 87.2%, oklch(54.52% 0.0707 318.41) 89.4%, oklch(49.68% 0.0748 305.40) 91.5%, oklch(44.96% 0.0791 292.76) 93.6%, oklch(40.67% 0.0831 281.28) 95.7%, oklch(37.12% 0.0862 271.80) 97.9%, oklch(34.65% 0.0882 265.12) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.559 | 0.048 | 245.4 |
| 2 | 0.827 | 0.03 | 153.5 |
| 3 | 0.768 | 0.113 | 21.4 |
| 4 | 0.516 | 0.15 | -38.9 |
| 5 | 0.693 | 0.066 | -0.8 |
| 6 | 0.346 | 0.088 | -94.9 |

## In these collections

- [Sky](https://grabient.com/sky)

## Other forms

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