# Gray, blue and mauve linear gradient

Gray, blue and mauve linear gradient with 64 colors: #80788c, #867b8e, #8f8192, #998895, #a49099, #ae999d, #b8a3a3, #c0ada8, #c8b7af, #cdc0b5, #d2c7bb, #d4ccbf, #d6cec1, #d5cebf, #d2c9bb, #cec2b4, #c9b8ab, #c2aca3, #baa09b, #b09394, #a3868f, #967b8c, #877188, #796985, #6b6382, #615f7f, #595c7d, #525a7b, #4c597a, #475879, #435878, #415978, #3e5979, #3d5a7a, #3d5c7b, #3d5d7d, #3f5f7e, #416080, #436282, #476484, #4c6787, #536a8a, #5a6d8e, #627191, #6a7595, #737998, #7b7d9b, #82819e, #8a85a1, #9088a2, #968ba4, #9a8da5, #9f8ea5, #a390a5, #a891a4, #ac92a3, #af92a1, #b3939f, #b5939c, #b89499, #b99497, #bb9594, #bc9692, #bd9791. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYlRfYbIfQj8SrS9lzu045GtoRSY`
- Page: https://grabient.com/kYlRfYbIfQj8SrS9lzu045GtoRSY?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: dark center, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 4.6 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 | `#80788c` | `oklch(58.66% 0.0317 303.75)` | Mythical | black, 4.9 to 1 |
| 2 | `#867b8e` | `oklch(60.07% 0.0311 311.04)` | High Note | black, 5.2 to 1 |
| 3 | `#8f8192` | `oklch(62.07% 0.0301 321.33)` | Purple Ash | black, 5.7 to 1 |
| 4 | `#998895` | `oklch(64.54% 0.0289 333.96)` | Purple Mauve | black, 6.2 to 1 |
| 5 | `#a49099` | `oklch(67.33% 0.0276 348.26)` | Nirvana | black, 7 to 1 |
| 6 | `#ae999d` | `oklch(70.33% 0.0262 3.58)` | Pincushion | black, 7.8 to 1 |
| 7 | `#b8a3a3` | `oklch(73.38% 0.0247 19.26)` | Lilac Smoke | black, 8.8 to 1 |
| 8 | `#c0ada8` | `oklch(76.36% 0.0233 34.63)` | Perdu Pink | black, 9.8 to 1 |
| 9 | `#c8b7af` | `oklch(79.13% 0.0221 49.05)` | Froth | black, 10.8 to 1 |
| 10 | `#cdc0b5` | `oklch(81.57% 0.0211 61.84)` | French Castle | black, 11.8 to 1 |
| 11 | `#d2c7bb` | `oklch(83.52% 0.0204 72.36)` | Kitten | black, 12.6 to 1 |
| 12 | `#d4ccbf` | `oklch(84.87% 0.0201 79.93)` | In the Buff | black, 13.2 to 1 |
| 13 | `#d6cec1` | `oklch(85.48% 0.0203 83.91)` | Modern Grey | black, 13.4 to 1 |
| 14 | `#d5cebf` | `oklch(85.21% 0.0210 83.66)` | Porous Stone | black, 13.3 to 1 |
| 15 | `#d2c9bb` | `oklch(84.01% 0.0223 79.14)` | Manuscript | black, 12.8 to 1 |
| 16 | `#cec2b4` | `oklch(82.01% 0.0241 70.97)` | Perfect Backdrop | black, 11.9 to 1 |
| 17 | `#c9b8ab` | `oklch(79.35% 0.0264 59.78)` | Grey Mauve | black, 10.9 to 1 |
| 18 | `#c2aca3` | `oklch(76.18% 0.0289 46.20)` | Poetry in Motion | black, 9.7 to 1 |
| 19 | `#baa09b` | `oklch(72.64% 0.0317 30.86)` | Adobe Rose | black, 8.5 to 1 |
| 20 | `#b09394` | `oklch(68.89% 0.0347 14.39)` | Deauville Mauve | black, 7.4 to 1 |
| 21 | `#a3868f` | `oklch(65.06% 0.0377 357.44)` | Lacy Mist | black, 6.3 to 1 |
| 22 | `#967b8c` | `oklch(61.30% 0.0407 340.62)` | Mountbatten Pink | black, 5.4 to 1 |
| 23 | `#877188` | `oklch(57.76% 0.0436 324.57)` | Sapphire Pink | black, 4.7 to 1 |
| 24 | `#796985` | `oklch(54.59% 0.0462 309.93)` | Amethyst Gem | white, 5 to 1 |
| 25 | `#6b6382` | `oklch(51.92% 0.0486 297.33)` | Purple Gumball | white, 5.6 to 1 |
| 26 | `#615f7f` | `oklch(49.92% 0.0506 287.40)` | Strong Iris | white, 6.1 to 1 |
| 27 | `#595c7d` | `oklch(48.53% 0.0523 279.92)` | When Worlds Collide | white, 6.4 to 1 |
| 28 | `#525a7b` | `oklch(47.46% 0.0540 273.41)` | Blue Indigo | white, 6.7 to 1 |
| 29 | `#4c597a` | `oklch(46.66% 0.0557 267.78)` | Nyctophobia Blue | white, 6.9 to 1 |
| 30 | `#475879` | `oklch(46.11% 0.0572 262.98)` | Chambray | white, 7.1 to 1 |
| 31 | `#435878` | `oklch(45.80% 0.0587 258.97)` | Carter’s Scroll | white, 7.1 to 1 |
| 32 | `#415978` | `oklch(45.68% 0.0600 255.71)` | Carter’s Scroll | white, 7.2 to 1 |
| 33 | `#3e5979` | `oklch(45.75% 0.0612 253.15)` | Carter’s Scroll | white, 7.1 to 1 |
| 34 | `#3d5a7a` | `oklch(45.97% 0.0622 251.25)` | Carter’s Scroll | white, 7.1 to 1 |
| 35 | `#3d5c7b` | `oklch(46.32% 0.0630 249.96)` | China Pattern | white, 6.9 to 1 |
| 36 | `#3d5d7d` | `oklch(46.78% 0.0635 249.24)` | Chinese Porcelain | white, 6.8 to 1 |
| 37 | `#3f5f7e` | `oklch(47.32% 0.0637 249.04)` | Chinese Porcelain | white, 6.6 to 1 |
| 38 | `#416080` | `oklch(47.92% 0.0637 249.32)` | Parlour Blue | white, 6.5 to 1 |
| 39 | `#436282` | `oklch(48.56% 0.0633 250.04)` | Blue Ashes | white, 6.3 to 1 |
| 40 | `#476484` | `oklch(49.40% 0.0623 251.57)` | French Mirage Blue | white, 6.1 to 1 |
| 41 | `#4c6787` | `oklch(50.50% 0.0609 253.98)` | Luxe Blue | white, 5.8 to 1 |
| 42 | `#536a8a` | `oklch(51.81% 0.0589 257.19)` | Aurora Borealis | white, 5.5 to 1 |
| 43 | `#5a6d8e` | `oklch(53.28% 0.0566 261.09)` | Kashmir Blue | white, 5.2 to 1 |
| 44 | `#627191` | `oklch(54.87% 0.0541 265.57)` | Ocean Night | white, 4.8 to 1 |
| 45 | `#6a7595` | `oklch(56.53% 0.0515 270.54)` | Lavender Mauve | black, 4.5 to 1 |
| 46 | `#737998` | `oklch(58.21% 0.0489 275.88)` | Quantum Blue | black, 4.9 to 1 |
| 47 | `#7b7d9b` | `oklch(59.87% 0.0463 281.51)` | Bossa Nova Blue | black, 5.2 to 1 |
| 48 | `#82819e` | `oklch(61.46% 0.0439 287.30)` | Blue Intrigue | black, 5.5 to 1 |
| 49 | `#8a85a1` | `oklch(62.94% 0.0418 293.17)` | Purple Hills | black, 5.9 to 1 |
| 50 | `#9088a2` | `oklch(64.26% 0.0401 299.00)` | Antiquate | black, 6.2 to 1 |
| 51 | `#968ba4` | `oklch(65.37% 0.0389 304.70)` | Smoky Mauve | black, 6.4 to 1 |
| 52 | `#9a8da5` | `oklch(66.26% 0.0383 310.36)` | Berry Cream | black, 6.7 to 1 |
| 53 | `#9f8ea5` | `oklch(67.02% 0.0381 316.65)` | Nana | black, 6.9 to 1 |
| 54 | `#a390a5` | `oklch(67.68% 0.0383 323.51)` | Fields of Provence | black, 7 to 1 |
| 55 | `#a891a4` | `oklch(68.25% 0.0388 330.77)` | Garden Flower | black, 7.2 to 1 |
| 56 | `#ac92a3` | `oklch(68.73% 0.0395 338.28)` | Grape Soda | black, 7.3 to 1 |
| 57 | `#af92a1` | `oklch(69.14% 0.0404 345.88)` | Grape Soda | black, 7.4 to 1 |
| 58 | `#b3939f` | `oklch(69.49% 0.0415 353.41)` | Ashberry | black, 7.5 to 1 |
| 59 | `#b5939c` | `oklch(69.78% 0.0426 0.72)` | Ashberry | black, 7.6 to 1 |
| 60 | `#b89499` | `oklch(70.04% 0.0437 7.64)` | Cherry Juice | black, 7.7 to 1 |
| 61 | `#b99497` | `oklch(70.26% 0.0447 14.01)` | Cherry Juice | black, 7.7 to 1 |
| 62 | `#bb9594` | `oklch(70.47% 0.0457 19.69)` | Cherry Taupe | black, 7.8 to 1 |
| 63 | `#bc9692` | `oklch(70.67% 0.0464 24.50)` | Mutabilis | black, 7.9 to 1 |
| 64 | `#bd9791` | `oklch(70.87% 0.0469 28.29)` | Pressed Blossoms | black, 7.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #80788c 0.0%, #867b8e 1.6%, #8f8192 3.2%, #998895 4.8%, #a49099 6.3%, #ae999d 7.9%, #b8a3a3 9.5%, #c0ada8 11.1%, #c8b7af 12.7%, #cdc0b5 14.3%, #d2c7bb 15.9%, #d4ccbf 17.5%, #d6cec1 19.0%, #d5cebf 20.6%, #d2c9bb 22.2%, #cec2b4 23.8%, #c9b8ab 25.4%, #c2aca3 27.0%, #baa09b 28.6%, #b09394 30.2%, #a3868f 31.7%, #967b8c 33.3%, #877188 34.9%, #796985 36.5%, #6b6382 38.1%, #615f7f 39.7%, #595c7d 41.3%, #525a7b 42.9%, #4c597a 44.4%, #475879 46.0%, #435878 47.6%, #415978 49.2%, #3e5979 50.8%, #3d5a7a 52.4%, #3d5c7b 54.0%, #3d5d7d 55.6%, #3f5f7e 57.1%, #416080 58.7%, #436282 60.3%, #476484 61.9%, #4c6787 63.5%, #536a8a 65.1%, #5a6d8e 66.7%, #627191 68.3%, #6a7595 69.8%, #737998 71.4%, #7b7d9b 73.0%, #82819e 74.6%, #8a85a1 76.2%, #9088a2 77.8%, #968ba4 79.4%, #9a8da5 81.0%, #9f8ea5 82.5%, #a390a5 84.1%, #a891a4 85.7%, #ac92a3 87.3%, #af92a1 88.9%, #b3939f 90.5%, #b5939c 92.1%, #b89499 93.7%, #b99497 95.2%, #bb9594 96.8%, #bc9692 98.4%, #bd9791 100.0%);
background: linear-gradient(135deg in oklch, oklch(58.66% 0.0317 303.75) 0.0%, oklch(60.07% 0.0311 311.04) 1.6%, oklch(62.07% 0.0301 321.33) 3.2%, oklch(64.54% 0.0289 333.96) 4.8%, oklch(67.33% 0.0276 348.26) 6.3%, oklch(70.33% 0.0262 3.58) 7.9%, oklch(73.38% 0.0247 19.26) 9.5%, oklch(76.36% 0.0233 34.63) 11.1%, oklch(79.13% 0.0221 49.05) 12.7%, oklch(81.57% 0.0211 61.84) 14.3%, oklch(83.52% 0.0204 72.36) 15.9%, oklch(84.87% 0.0201 79.93) 17.5%, oklch(85.48% 0.0203 83.91) 19.0%, oklch(85.21% 0.0210 83.66) 20.6%, oklch(84.01% 0.0223 79.14) 22.2%, oklch(82.01% 0.0241 70.97) 23.8%, oklch(79.35% 0.0264 59.78) 25.4%, oklch(76.18% 0.0289 46.20) 27.0%, oklch(72.64% 0.0317 30.86) 28.6%, oklch(68.89% 0.0347 14.39) 30.2%, oklch(65.06% 0.0377 357.44) 31.7%, oklch(61.30% 0.0407 340.62) 33.3%, oklch(57.76% 0.0436 324.57) 34.9%, oklch(54.59% 0.0462 309.93) 36.5%, oklch(51.92% 0.0486 297.33) 38.1%, oklch(49.92% 0.0506 287.40) 39.7%, oklch(48.53% 0.0523 279.92) 41.3%, oklch(47.46% 0.0540 273.41) 42.9%, oklch(46.66% 0.0557 267.78) 44.4%, oklch(46.11% 0.0572 262.98) 46.0%, oklch(45.80% 0.0587 258.97) 47.6%, oklch(45.68% 0.0600 255.71) 49.2%, oklch(45.75% 0.0612 253.15) 50.8%, oklch(45.97% 0.0622 251.25) 52.4%, oklch(46.32% 0.0630 249.96) 54.0%, oklch(46.78% 0.0635 249.24) 55.6%, oklch(47.32% 0.0637 249.04) 57.1%, oklch(47.92% 0.0637 249.32) 58.7%, oklch(48.56% 0.0633 250.04) 60.3%, oklch(49.40% 0.0623 251.57) 61.9%, oklch(50.50% 0.0609 253.98) 63.5%, oklch(51.81% 0.0589 257.19) 65.1%, oklch(53.28% 0.0566 261.09) 66.7%, oklch(54.87% 0.0541 265.57) 68.3%, oklch(56.53% 0.0515 270.54) 69.8%, oklch(58.21% 0.0489 275.88) 71.4%, oklch(59.87% 0.0463 281.51) 73.0%, oklch(61.46% 0.0439 287.30) 74.6%, oklch(62.94% 0.0418 293.17) 76.2%, oklch(64.26% 0.0401 299.00) 77.8%, oklch(65.37% 0.0389 304.70) 79.4%, oklch(66.26% 0.0383 310.36) 81.0%, oklch(67.02% 0.0381 316.65) 82.5%, oklch(67.68% 0.0383 323.51) 84.1%, oklch(68.25% 0.0388 330.77) 85.7%, oklch(68.73% 0.0395 338.28) 87.3%, oklch(69.14% 0.0404 345.88) 88.9%, oklch(69.49% 0.0415 353.41) 90.5%, oklch(69.78% 0.0426 0.72) 92.1%, oklch(70.04% 0.0437 7.64) 93.7%, oklch(70.26% 0.0447 14.01) 95.2%, oklch(70.47% 0.0457 19.69) 96.8%, oklch(70.67% 0.0464 24.50) 98.4%, oklch(70.87% 0.0469 28.29) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.587 | 0.032 | 303.8 |
| 2 | 0.854 | 0.021 | 444.3 |
| 3 | 0.496 | 0.051 | 285.8 |
| 4 | 0.484 | 0.063 | 249.9 |
| 5 | 0.657 | 0.039 | 306.9 |
| 6 | 0.709 | 0.047 | 388.3 |

## In these collections

- [Liminal colors](https://grabient.com/liminal-colors)

## Other forms

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