# Mist blue mauve fade

Pink, gray, light blue and blue linear gradient with 64 colors: #bf8f94, #bd8e94, #bb8c94, #b88b94, #b58994, #b28794, #ae8594, #aa8394, #a58193, #a18093, #9d7e92, #997c91, #957a91, #917990, #8d788f, #8a778f, #87768f, #84758e, #81748e, #7e728d, #7b718c, #78708c, #756f8b, #726e8b, #6f6e8a, #6c6d8a, #6a6d8a, #686d8b, #666e8b, #656f8c, #64718e, #647390, #657692, #677b96, #6a809b, #6e87a1, #738ea8, #7896af, #7e9eb6, #84a6be, #8bafc5, #91b7cc, #97bfd3, #9dc6d9, #a1ccde, #a5d1e3, #a8d4e5, #a9d6e7, #a9d6e6, #a7d5e4, #a4d1e1, #a0cddd, #9bc8d8, #95c2d2, #8fbbcb, #89b4c4, #82acbe, #7ca5b7, #759eb0, #7097aa, #6a91a4, #668c9f, #62889b, #5f8498. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pink, gray, light blue and blue linear gradient
- Seed: `kWsSsIyw-5ccRuVsEztS5LBA`
- Page: https://grabient.com/kWsSsIyw-5ccRuVsEztS5LBA?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 3.2 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 | `#bf8f94` | `oklch(69.69% 0.0593 11.95)` | Cherry Juice | black, 7.5 to 1 |
| 2 | `#bd8e94` | `oklch(69.29% 0.0586 10.00)` | Cherry Juice | black, 7.4 to 1 |
| 3 | `#bb8c94` | `oklch(68.80% 0.0578 7.64)` | Rosenkavalier | black, 7.3 to 1 |
| 4 | `#b88b94` | `oklch(68.21% 0.0568 4.93)` | Rosenkavalier | black, 7.1 to 1 |
| 5 | `#b58994` | `oklch(67.56% 0.0557 1.91)` | Rose Tea | black, 6.9 to 1 |
| 6 | `#b28794` | `oklch(66.84% 0.0545 358.61)` | Keepsake Rose | black, 6.7 to 1 |
| 7 | `#ae8594` | `oklch(66.08% 0.0532 355.08)` | Keepsake Rose | black, 6.5 to 1 |
| 8 | `#aa8394` | `oklch(65.28% 0.0518 351.36)` | Mohair Pink | black, 6.3 to 1 |
| 9 | `#a58193` | `oklch(64.46% 0.0505 347.49)` | Bouquet | black, 6.1 to 1 |
| 10 | `#a18093` | `oklch(63.65% 0.0491 343.51)` | Berry Bliss | black, 6 to 1 |
| 11 | `#9d7e92` | `oklch(62.84% 0.0478 339.47)` | Berry Bliss | black, 5.8 to 1 |
| 12 | `#997c91` | `oklch(62.05% 0.0466 335.40)` | Mountbatten Pink | black, 5.6 to 1 |
| 13 | `#957a91` | `oklch(61.30% 0.0455 331.35)` | Mountbatten Pink | black, 5.4 to 1 |
| 14 | `#917990` | `oklch(60.60% 0.0445 327.35)` | Muted Berry | black, 5.3 to 1 |
| 15 | `#8d788f` | `oklch(59.97% 0.0437 323.46)` | Muted Berry | black, 5.2 to 1 |
| 16 | `#8a778f` | `oklch(59.41% 0.0430 319.70)` | Self Powered | black, 5 to 1 |
| 17 | `#87768f` | `oklch(58.94% 0.0426 316.12)` | Vintage | black, 5 to 1 |
| 18 | `#84758e` | `oklch(58.46% 0.0424 312.54)` | Vintage | black, 4.9 to 1 |
| 19 | `#81748e` | `oklch(57.93% 0.0424 308.91)` | Batik Lilac | black, 4.8 to 1 |
| 20 | `#7e728d` | `oklch(57.37% 0.0424 305.23)` | Batik Lilac | black, 4.7 to 1 |
| 21 | `#7b718c` | `oklch(56.81% 0.0427 301.52)` | Capercaillie Mauve | black, 4.5 to 1 |
| 22 | `#78708c` | `oklch(56.26% 0.0430 297.78)` | Capercaillie Mauve | white, 4.6 to 1 |
| 23 | `#756f8b` | `oklch(55.73% 0.0434 294.05)` | Capercaillie Mauve | white, 4.7 to 1 |
| 24 | `#726e8b` | `oklch(55.26% 0.0439 290.32)` | Bureaucracy | white, 4.8 to 1 |
| 25 | `#6f6e8a` | `oklch(54.85% 0.0444 286.62)` | Dark Prince | white, 4.9 to 1 |
| 26 | `#6c6d8a` | `oklch(54.53% 0.0449 282.96)` | Dark Prince | white, 4.9 to 1 |
| 27 | `#6a6d8a` | `oklch(54.32% 0.0455 279.34)` | Dark Prince | white, 5 to 1 |
| 28 | `#686d8b` | `oklch(54.23% 0.0461 275.79)` | Dark Prince | white, 5 to 1 |
| 29 | `#666e8b` | `oklch(54.29% 0.0467 272.32)` | Dark Prince | white, 5 to 1 |
| 30 | `#656f8c` | `oklch(54.51% 0.0472 268.95)` | Deep Larkspur | white, 4.9 to 1 |
| 31 | `#64718e` | `oklch(54.92% 0.0477 265.67)` | Deep Larkspur | white, 4.8 to 1 |
| 32 | `#647390` | `oklch(55.52% 0.0481 262.52)` | Niche | white, 4.7 to 1 |
| 33 | `#657692` | `oklch(56.38% 0.0484 259.48)` | Niche | black, 4.5 to 1 |
| 34 | `#677b96` | `oklch(57.65% 0.0487 256.41)` | Blue Suede | black, 4.8 to 1 |
| 35 | `#6a809b` | `oklch(59.30% 0.0490 253.32)` | Lead Cast | black, 5.1 to 1 |
| 36 | `#6e87a1` | `oklch(61.26% 0.0493 250.24)` | Sporty Blue | black, 5.6 to 1 |
| 37 | `#738ea8` | `oklch(63.47% 0.0497 247.17)` | Blue Shadow | black, 6.1 to 1 |
| 38 | `#7896af` | `oklch(65.86% 0.0500 244.16)` | American Anthem | black, 6.7 to 1 |
| 39 | `#7e9eb6` | `oklch(68.37% 0.0503 241.22)` | Office Blue | black, 7.4 to 1 |
| 40 | `#84a6be` | `oklch(70.92% 0.0506 238.38)` | Stormfang | black, 8.2 to 1 |
| 41 | `#8bafc5` | `oklch(73.45% 0.0509 235.67)` | Chilly Blue | black, 9 to 1 |
| 42 | `#91b7cc` | `oklch(75.90% 0.0512 233.10)` | Moon Jellyfish | black, 9.8 to 1 |
| 43 | `#97bfd3` | `oklch(78.19% 0.0514 230.70)` | Neptune’s Realm | black, 10.6 to 1 |
| 44 | `#9dc6d9` | `oklch(80.26% 0.0517 228.50)` | Sound Waves | black, 11.4 to 1 |
| 45 | `#a1ccde` | `oklch(82.04% 0.0519 226.52)` | Intercoastal | black, 12.1 to 1 |
| 46 | `#a5d1e3` | `oklch(83.47% 0.0521 224.78)` | Sea Rover | black, 12.7 to 1 |
| 47 | `#a8d4e5` | `oklch(84.47% 0.0522 223.31)` | Monaco | black, 13.2 to 1 |
| 48 | `#a9d6e7` | `oklch(84.99% 0.0523 222.14)` | Blue Click | black, 13.4 to 1 |
| 49 | `#a9d6e6` | `oklch(84.97% 0.0524 221.31)` | Longitude | black, 13.4 to 1 |
| 50 | `#a7d5e4` | `oklch(84.46% 0.0524 220.87)` | Light Blue Glint | black, 13.2 to 1 |
| 51 | `#a4d1e1` | `oklch(83.50% 0.0524 220.78)` | Sea Rover | black, 12.8 to 1 |
| 52 | `#a0cddd` | `oklch(82.18% 0.0524 221.00)` | Intercoastal | black, 12.2 to 1 |
| 53 | `#9bc8d8` | `oklch(80.53% 0.0523 221.49)` | Sound Waves | black, 11.6 to 1 |
| 54 | `#95c2d2` | `oklch(78.64% 0.0522 222.19)` | Neptune’s Realm | black, 10.8 to 1 |
| 55 | `#8fbbcb` | `oklch(76.56% 0.0521 223.07)` | Blue Echo | black, 10.1 to 1 |
| 56 | `#89b4c4` | `oklch(74.35% 0.0519 224.07)` | Crystal Lake | black, 9.3 to 1 |
| 57 | `#82acbe` | `oklch(72.07% 0.0518 225.16)` | Summerhouse Blue | black, 8.6 to 1 |
| 58 | `#7ca5b7` | `oklch(69.79% 0.0517 226.29)` | Inner Sanctum | black, 7.9 to 1 |
| 59 | `#759eb0` | `oklch(67.56% 0.0515 227.42)` | Saga Blue | black, 7.2 to 1 |
| 60 | `#7097aa` | `oklch(65.46% 0.0514 228.49)` | Smoky Blue | black, 6.7 to 1 |
| 61 | `#6a91a4` | `oklch(63.53% 0.0512 229.47)` | Wave Jumper | black, 6.2 to 1 |
| 62 | `#668c9f` | `oklch(61.85% 0.0511 230.32)` | Leisure Blue | black, 5.8 to 1 |
| 63 | `#62889b` | `oklch(60.46% 0.0510 230.97)` | Seal Pup | black, 5.4 to 1 |
| 64 | `#5f8498` | `oklch(59.45% 0.0510 231.41)` | Granite Falls | black, 5.2 to 1 |

## CSS

```css
background: linear-gradient(225deg, #bf8f94 0.0%, #bd8e94 1.6%, #bb8c94 3.2%, #b88b94 4.8%, #b58994 6.3%, #b28794 7.9%, #ae8594 9.5%, #aa8394 11.1%, #a58193 12.7%, #a18093 14.3%, #9d7e92 15.9%, #997c91 17.5%, #957a91 19.0%, #917990 20.6%, #8d788f 22.2%, #8a778f 23.8%, #87768f 25.4%, #84758e 27.0%, #81748e 28.6%, #7e728d 30.2%, #7b718c 31.7%, #78708c 33.3%, #756f8b 34.9%, #726e8b 36.5%, #6f6e8a 38.1%, #6c6d8a 39.7%, #6a6d8a 41.3%, #686d8b 42.9%, #666e8b 44.4%, #656f8c 46.0%, #64718e 47.6%, #647390 49.2%, #657692 50.8%, #677b96 52.4%, #6a809b 54.0%, #6e87a1 55.6%, #738ea8 57.1%, #7896af 58.7%, #7e9eb6 60.3%, #84a6be 61.9%, #8bafc5 63.5%, #91b7cc 65.1%, #97bfd3 66.7%, #9dc6d9 68.3%, #a1ccde 69.8%, #a5d1e3 71.4%, #a8d4e5 73.0%, #a9d6e7 74.6%, #a9d6e6 76.2%, #a7d5e4 77.8%, #a4d1e1 79.4%, #a0cddd 81.0%, #9bc8d8 82.5%, #95c2d2 84.1%, #8fbbcb 85.7%, #89b4c4 87.3%, #82acbe 88.9%, #7ca5b7 90.5%, #759eb0 92.1%, #7097aa 93.7%, #6a91a4 95.2%, #668c9f 96.8%, #62889b 98.4%, #5f8498 100.0%);
background: linear-gradient(225deg in oklch, oklch(69.69% 0.0593 11.95) 0.0%, oklch(69.29% 0.0586 10.00) 1.6%, oklch(68.80% 0.0578 7.64) 3.2%, oklch(68.21% 0.0568 4.93) 4.8%, oklch(67.56% 0.0557 1.91) 6.3%, oklch(66.84% 0.0545 358.61) 7.9%, oklch(66.08% 0.0532 355.08) 9.5%, oklch(65.28% 0.0518 351.36) 11.1%, oklch(64.46% 0.0505 347.49) 12.7%, oklch(63.65% 0.0491 343.51) 14.3%, oklch(62.84% 0.0478 339.47) 15.9%, oklch(62.05% 0.0466 335.40) 17.5%, oklch(61.30% 0.0455 331.35) 19.0%, oklch(60.60% 0.0445 327.35) 20.6%, oklch(59.97% 0.0437 323.46) 22.2%, oklch(59.41% 0.0430 319.70) 23.8%, oklch(58.94% 0.0426 316.12) 25.4%, oklch(58.46% 0.0424 312.54) 27.0%, oklch(57.93% 0.0424 308.91) 28.6%, oklch(57.37% 0.0424 305.23) 30.2%, oklch(56.81% 0.0427 301.52) 31.7%, oklch(56.26% 0.0430 297.78) 33.3%, oklch(55.73% 0.0434 294.05) 34.9%, oklch(55.26% 0.0439 290.32) 36.5%, oklch(54.85% 0.0444 286.62) 38.1%, oklch(54.53% 0.0449 282.96) 39.7%, oklch(54.32% 0.0455 279.34) 41.3%, oklch(54.23% 0.0461 275.79) 42.9%, oklch(54.29% 0.0467 272.32) 44.4%, oklch(54.51% 0.0472 268.95) 46.0%, oklch(54.92% 0.0477 265.67) 47.6%, oklch(55.52% 0.0481 262.52) 49.2%, oklch(56.38% 0.0484 259.48) 50.8%, oklch(57.65% 0.0487 256.41) 52.4%, oklch(59.30% 0.0490 253.32) 54.0%, oklch(61.26% 0.0493 250.24) 55.6%, oklch(63.47% 0.0497 247.17) 57.1%, oklch(65.86% 0.0500 244.16) 58.7%, oklch(68.37% 0.0503 241.22) 60.3%, oklch(70.92% 0.0506 238.38) 61.9%, oklch(73.45% 0.0509 235.67) 63.5%, oklch(75.90% 0.0512 233.10) 65.1%, oklch(78.19% 0.0514 230.70) 66.7%, oklch(80.26% 0.0517 228.50) 68.3%, oklch(82.04% 0.0519 226.52) 69.8%, oklch(83.47% 0.0521 224.78) 71.4%, oklch(84.47% 0.0522 223.31) 73.0%, oklch(84.99% 0.0523 222.14) 74.6%, oklch(84.97% 0.0524 221.31) 76.2%, oklch(84.46% 0.0524 220.87) 77.8%, oklch(83.50% 0.0524 220.78) 79.4%, oklch(82.18% 0.0524 221.00) 81.0%, oklch(80.53% 0.0523 221.49) 82.5%, oklch(78.64% 0.0522 222.19) 84.1%, oklch(76.56% 0.0521 223.07) 85.7%, oklch(74.35% 0.0519 224.07) 87.3%, oklch(72.07% 0.0518 225.16) 88.9%, oklch(69.79% 0.0517 226.29) 90.5%, oklch(67.56% 0.0515 227.42) 92.1%, oklch(65.46% 0.0514 228.49) 93.7%, oklch(63.53% 0.0512 229.47) 95.2%, oklch(61.85% 0.0511 230.32) 96.8%, oklch(60.46% 0.0510 230.97) 98.4%, oklch(59.45% 0.0510 231.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.697 | 0.059 | 12 |
| 2 | 0.591 | 0.043 | -43 |
| 3 | 0.559 | 0.048 | -99 |
| 4 | 0.85 | 0.052 | -138.1 |
| 5 | 0.594 | 0.051 | -128.6 |

## In these collections

- [Magnolia rain morning](https://grabient.com/magnolia-rain-morning)

## Other forms

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