# Light blue, mauve, gray and pink linear gradient

Light blue, mauve, gray and pink linear gradient with 64 colors: #67cbe3, #69c9e4, #6cc6e5, #6fc3e5, #72c0e5, #76bce5, #7ab8e4, #7eb4e2, #83afe0, #87aadc, #8ba5d9, #8fa0d4, #939ccf, #9697c9, #9892c2, #9a8ebc, #9c8ab5, #9d86ad, #9d83a6, #9d809f, #9c7d99, #9b7b92, #9a798d, #997787, #977582, #96747e, #94737b, #937278, #917275, #917274, #907272, #907272, #907372, #917472, #937573, #957774, #977976, #9a7b78, #9d7d7b, #a17f7e, #a58282, #a98585, #ad8889, #b28b8e, #b68e93, #bb9198, #c0959e, #c598a3, #ca9caa, #cea0b0, #d3a4b6, #d7a7bd, #dcabc4, #e0afca, #e3b3d1, #e7b6d8, #eabade, #edbde4, #efc1ea, #f2c4ef, #f4c7f4, #f5c9f9, #f7cbfc, #f8ceff. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kSyUiZyg3TfKduO`
- Page: https://grabient.com/kSyUiZyg3TfKduO?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: dark center, muted
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.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 | `#67cbe3` | `oklch(79.13% 0.0992 215.86)` | Hawaiian Breeze | black, 11.2 to 1 |
| 2 | `#69c9e4` | `oklch(78.76% 0.0981 218.75)` | Hawaiian Breeze | black, 11 to 1 |
| 3 | `#6cc6e5` | `oklch(78.29% 0.0968 222.16)` | Candid Blue | black, 10.8 to 1 |
| 4 | `#6fc3e5` | `oklch(77.74% 0.0953 226.05)` | Mizu | black, 10.6 to 1 |
| 5 | `#72c0e5` | `oklch(77.12% 0.0936 230.39)` | Bff Blue | black, 10.3 to 1 |
| 6 | `#76bce5` | `oklch(76.43% 0.0917 235.14)` | Costa Rica Blue | black, 10 to 1 |
| 7 | `#7ab8e4` | `oklch(75.69% 0.0897 240.26)` | Aero | black, 9.7 to 1 |
| 8 | `#7eb4e2` | `oklch(74.89% 0.0876 245.72)` | Dun Morogh Blue | black, 9.4 to 1 |
| 9 | `#83afe0` | `oklch(74.04% 0.0853 251.47)` | Lucea | black, 9.1 to 1 |
| 10 | `#87aadc` | `oklch(73.15% 0.0829 257.48)` | Swift | black, 8.8 to 1 |
| 11 | `#8ba5d9` | `oklch(72.24% 0.0805 263.71)` | Blue Cue | black, 8.5 to 1 |
| 12 | `#8fa0d4` | `oklch(71.30% 0.0779 270.13)` | Azureno | black, 8.1 to 1 |
| 13 | `#939ccf` | `oklch(70.34% 0.0754 276.69)` | Velvet Robe | black, 7.8 to 1 |
| 14 | `#9697c9` | `oklch(69.37% 0.0727 283.37)` | Litmus | black, 7.5 to 1 |
| 15 | `#9892c2` | `oklch(68.40% 0.0701 290.11)` | Lavender Bonnet | black, 7.2 to 1 |
| 16 | `#9a8ebc` | `oklch(67.43% 0.0674 296.90)` | Hermosa | black, 6.9 to 1 |
| 17 | `#9c8ab5` | `oklch(66.47% 0.0648 303.68)` | Flirty Pink | black, 6.7 to 1 |
| 18 | `#9d86ad` | `oklch(65.53% 0.0622 310.42)` | Celeb City | black, 6.4 to 1 |
| 19 | `#9d83a6` | `oklch(64.61% 0.0596 317.09)` | Rhapsody | black, 6.2 to 1 |
| 20 | `#9d809f` | `oklch(63.73% 0.0571 323.64)` | Pink Plumeria | black, 6 to 1 |
| 21 | `#9c7d99` | `oklch(62.89% 0.0547 330.04)` | Valerian | black, 5.8 to 1 |
| 22 | `#9b7b92` | `oklch(62.09% 0.0523 336.25)` | Valerian | black, 5.6 to 1 |
| 23 | `#9a798d` | `oklch(61.34% 0.0501 342.24)` | Mountbatten Pink | black, 5.4 to 1 |
| 24 | `#997787` | `oklch(60.66% 0.0480 347.96)` | Dusk Wine | black, 5.3 to 1 |
| 25 | `#977582` | `oklch(60.04% 0.0460 353.38)` | Dusk Wine | black, 5.2 to 1 |
| 26 | `#96747e` | `oklch(59.50% 0.0442 358.47)` | Dusk Wine | black, 5 to 1 |
| 27 | `#94737b` | `oklch(59.04% 0.0425 3.18)` | Wistful Mauve | black, 5 to 1 |
| 28 | `#937278` | `oklch(58.66% 0.0410 7.48)` | Wistful Mauve | black, 4.9 to 1 |
| 29 | `#917275` | `oklch(58.38% 0.0398 11.33)` | Tetrarose | black, 4.8 to 1 |
| 30 | `#917274` | `oklch(58.21% 0.0387 14.69)` | Oakwood Brown | black, 4.8 to 1 |
| 31 | `#907272` | `oklch(58.14% 0.0379 17.52)` | Oakwood Brown | black, 4.8 to 1 |
| 32 | `#907272` | `oklch(58.20% 0.0374 19.80)` | Oakwood Brown | black, 4.8 to 1 |
| 33 | `#907372` | `oklch(58.37% 0.0371 21.49)` | Bitter Briar | black, 4.8 to 1 |
| 34 | `#917472` | `oklch(58.68% 0.0371 22.67)` | Socialite | black, 4.9 to 1 |
| 35 | `#937573` | `oklch(59.12% 0.0373 23.38)` | Socialite | black, 5 to 1 |
| 36 | `#957774` | `oklch(59.67% 0.0377 23.65)` | Astro Sunset | black, 5.1 to 1 |
| 37 | `#977976` | `oklch(60.33% 0.0383 23.50)` | Mushroom Basket | black, 5.2 to 1 |
| 38 | `#9a7b78` | `oklch(61.10% 0.0391 22.96)` | Neapolitan | black, 5.4 to 1 |
| 39 | `#9d7d7b` | `oklch(61.96% 0.0402 22.06)` | Cafe Ole | black, 5.6 to 1 |
| 40 | `#a17f7e` | `oklch(62.90% 0.0413 20.83)` | Brandied Apple | black, 5.8 to 1 |
| 41 | `#a58282` | `oklch(63.93% 0.0426 19.29)` | Muse | black, 6.1 to 1 |
| 42 | `#a98585` | `oklch(65.02% 0.0441 17.46)` | Blackberry Mocha | black, 6.3 to 1 |
| 43 | `#ad8889` | `oklch(66.17% 0.0457 15.39)` | Woodrose | black, 6.6 to 1 |
| 44 | `#b28b8e` | `oklch(67.38% 0.0474 13.09)` | Victorian Mauve | black, 6.9 to 1 |
| 45 | `#b68e93` | `oklch(68.63% 0.0491 10.59)` | Rose Brown | black, 7.2 to 1 |
| 46 | `#bb9198` | `oklch(69.92% 0.0510 7.92)` | Cherry Juice | black, 7.6 to 1 |
| 47 | `#c0959e` | `oklch(71.23% 0.0529 5.11)` | It’s Your Mauve | black, 8 to 1 |
| 48 | `#c598a3` | `oklch(72.57% 0.0549 2.17)` | Artichoke Mauve | black, 8.4 to 1 |
| 49 | `#ca9caa` | `oklch(73.92% 0.0569 359.15)` | Rosebay | black, 8.8 to 1 |
| 50 | `#cea0b0` | `oklch(75.28% 0.0589 356.07)` | Raspberry Smoothie | black, 9.2 to 1 |
| 51 | `#d3a4b6` | `oklch(76.63% 0.0609 352.95)` | Gizmo | black, 9.7 to 1 |
| 52 | `#d7a7bd` | `oklch(77.97% 0.0630 349.82)` | Rhubarb Gin | black, 10.1 to 1 |
| 53 | `#dcabc4` | `oklch(79.29% 0.0650 346.71)` | Lofty Delight | black, 10.6 to 1 |
| 54 | `#e0afca` | `oklch(80.58% 0.0669 343.65)` | Roseate Spoonbill | black, 11.1 to 1 |
| 55 | `#e3b3d1` | `oklch(81.83% 0.0688 340.66)` | Gumball | black, 11.6 to 1 |
| 56 | `#e7b6d8` | `oklch(83.04% 0.0707 337.77)` | Pink Gems | black, 12 to 1 |
| 57 | `#eabade` | `oklch(84.20% 0.0724 335.01)` | Pink Drink | black, 12.5 to 1 |
| 58 | `#edbde4` | `oklch(85.30% 0.0741 332.40)` | Bordeaux Hint | black, 13 to 1 |
| 59 | `#efc1ea` | `oklch(86.33% 0.0757 329.98)` | Purple’s Baby Sister | black, 13.4 to 1 |
| 60 | `#f2c4ef` | `oklch(87.28% 0.0771 327.76)` | Purple’s Baby Sister | black, 13.8 to 1 |
| 61 | `#f4c7f4` | `oklch(88.15% 0.0784 325.78)` | Purple’s Baby Sister | black, 14.2 to 1 |
| 62 | `#f5c9f9` | `oklch(88.92% 0.0795 324.07)` | Sassy Pink | black, 14.6 to 1 |
| 63 | `#f7cbfc` | `oklch(89.59% 0.0805 322.64)` | Sassy Pink | black, 14.9 to 1 |
| 64 | `#f8ceff` | `oklch(90.16% 0.0803 321.54)` | Sassy Pink | black, 15.2 to 1 |

## CSS

```css
background: linear-gradient(225deg, #67cbe3 0.0%, #69c9e4 1.6%, #6cc6e5 3.2%, #6fc3e5 4.8%, #72c0e5 6.3%, #76bce5 7.9%, #7ab8e4 9.5%, #7eb4e2 11.1%, #83afe0 12.7%, #87aadc 14.3%, #8ba5d9 15.9%, #8fa0d4 17.5%, #939ccf 19.0%, #9697c9 20.6%, #9892c2 22.2%, #9a8ebc 23.8%, #9c8ab5 25.4%, #9d86ad 27.0%, #9d83a6 28.6%, #9d809f 30.2%, #9c7d99 31.7%, #9b7b92 33.3%, #9a798d 34.9%, #997787 36.5%, #977582 38.1%, #96747e 39.7%, #94737b 41.3%, #937278 42.9%, #917275 44.4%, #917274 46.0%, #907272 47.6%, #907272 49.2%, #907372 50.8%, #917472 52.4%, #937573 54.0%, #957774 55.6%, #977976 57.1%, #9a7b78 58.7%, #9d7d7b 60.3%, #a17f7e 61.9%, #a58282 63.5%, #a98585 65.1%, #ad8889 66.7%, #b28b8e 68.3%, #b68e93 69.8%, #bb9198 71.4%, #c0959e 73.0%, #c598a3 74.6%, #ca9caa 76.2%, #cea0b0 77.8%, #d3a4b6 79.4%, #d7a7bd 81.0%, #dcabc4 82.5%, #e0afca 84.1%, #e3b3d1 85.7%, #e7b6d8 87.3%, #eabade 88.9%, #edbde4 90.5%, #efc1ea 92.1%, #f2c4ef 93.7%, #f4c7f4 95.2%, #f5c9f9 96.8%, #f7cbfc 98.4%, #f8ceff 100.0%);
background: linear-gradient(225deg in oklch, oklch(79.13% 0.0992 215.86) 0.0%, oklch(78.76% 0.0981 218.75) 1.6%, oklch(78.29% 0.0968 222.16) 3.2%, oklch(77.74% 0.0953 226.05) 4.8%, oklch(77.12% 0.0936 230.39) 6.3%, oklch(76.43% 0.0917 235.14) 7.9%, oklch(75.69% 0.0897 240.26) 9.5%, oklch(74.89% 0.0876 245.72) 11.1%, oklch(74.04% 0.0853 251.47) 12.7%, oklch(73.15% 0.0829 257.48) 14.3%, oklch(72.24% 0.0805 263.71) 15.9%, oklch(71.30% 0.0779 270.13) 17.5%, oklch(70.34% 0.0754 276.69) 19.0%, oklch(69.37% 0.0727 283.37) 20.6%, oklch(68.40% 0.0701 290.11) 22.2%, oklch(67.43% 0.0674 296.90) 23.8%, oklch(66.47% 0.0648 303.68) 25.4%, oklch(65.53% 0.0622 310.42) 27.0%, oklch(64.61% 0.0596 317.09) 28.6%, oklch(63.73% 0.0571 323.64) 30.2%, oklch(62.89% 0.0547 330.04) 31.7%, oklch(62.09% 0.0523 336.25) 33.3%, oklch(61.34% 0.0501 342.24) 34.9%, oklch(60.66% 0.0480 347.96) 36.5%, oklch(60.04% 0.0460 353.38) 38.1%, oklch(59.50% 0.0442 358.47) 39.7%, oklch(59.04% 0.0425 3.18) 41.3%, oklch(58.66% 0.0410 7.48) 42.9%, oklch(58.38% 0.0398 11.33) 44.4%, oklch(58.21% 0.0387 14.69) 46.0%, oklch(58.14% 0.0379 17.52) 47.6%, oklch(58.20% 0.0374 19.80) 49.2%, oklch(58.37% 0.0371 21.49) 50.8%, oklch(58.68% 0.0371 22.67) 52.4%, oklch(59.12% 0.0373 23.38) 54.0%, oklch(59.67% 0.0377 23.65) 55.6%, oklch(60.33% 0.0383 23.50) 57.1%, oklch(61.10% 0.0391 22.96) 58.7%, oklch(61.96% 0.0402 22.06) 60.3%, oklch(62.90% 0.0413 20.83) 61.9%, oklch(63.93% 0.0426 19.29) 63.5%, oklch(65.02% 0.0441 17.46) 65.1%, oklch(66.17% 0.0457 15.39) 66.7%, oklch(67.38% 0.0474 13.09) 68.3%, oklch(68.63% 0.0491 10.59) 69.8%, oklch(69.92% 0.0510 7.92) 71.4%, oklch(71.23% 0.0529 5.11) 73.0%, oklch(72.57% 0.0549 2.17) 74.6%, oklch(73.92% 0.0569 359.15) 76.2%, oklch(75.28% 0.0589 356.07) 77.8%, oklch(76.63% 0.0609 352.95) 79.4%, oklch(77.97% 0.0630 349.82) 81.0%, oklch(79.29% 0.0650 346.71) 82.5%, oklch(80.58% 0.0669 343.65) 84.1%, oklch(81.83% 0.0688 340.66) 85.7%, oklch(83.04% 0.0707 337.77) 87.3%, oklch(84.20% 0.0724 335.01) 88.9%, oklch(85.30% 0.0741 332.40) 90.5%, oklch(86.33% 0.0757 329.98) 92.1%, oklch(87.28% 0.0771 327.76) 93.7%, oklch(88.15% 0.0784 325.78) 95.2%, oklch(88.92% 0.0795 324.07) 96.8%, oklch(89.59% 0.0805 322.64) 98.4%, oklch(90.16% 0.0803 321.54) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.791 | 0.099 | 215.9 |
| 2 | 0.583 | 0.037 | 380.7 |
| 3 | 0.902 | 0.081 | 321.5 |

## In these collections

- [Iridescent glass interface](https://grabient.com/iridescent-glass-interface)

## Other forms

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