# Gray to mauve linear gradient

Gray to mauve linear gradient with 32 colors: #ede3d7, #ece2d6, #ebe0d3, #e9ddd1, #e7dbce, #e6d8cb, #e4d5c8, #e2d2c5, #dfcfc1, #ddccbe, #dbc8ba, #d9c5b7, #d7c1b4, #d5beb0, #d2bbad, #d0b8aa, #ceb5a8, #ccb2a5, #caafa2, #c8ab9f, #c6a89b, #c4a598, #c1a295, #bf9e92, #bd9b8f, #bb988d, #b9958a, #b79388, #b59086, #b48e84, #b28c82, #b18b81. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kS6g40ZQy9NUSPi`
- Page: https://grabient.com/kS6g40ZQy9NUSPi?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: neutral, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.4 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 | `#ede3d7` | `oklch(92.13% 0.0193 73.13)` | Farmers Milk | black, 16.6 to 1 |
| 2 | `#ece2d6` | `oklch(91.67% 0.0198 72.26)` | Onion Powder | black, 16.3 to 1 |
| 3 | `#ebe0d3` | `oklch(91.12% 0.0205 71.20)` | Moroccan Moonlight | black, 16 to 1 |
| 4 | `#e9ddd1` | `oklch(90.48% 0.0213 69.96)` | Reliable White | black, 15.7 to 1 |
| 5 | `#e7dbce` | `oklch(89.77% 0.0221 68.57)` | Light Shetland Lace | black, 15.4 to 1 |
| 6 | `#e6d8cb` | `oklch(88.99% 0.0231 67.05)` | Dance of the Goddesses | black, 15 to 1 |
| 7 | `#e4d5c8` | `oklch(88.17% 0.0241 65.43)` | Warp & Weft | black, 14.6 to 1 |
| 8 | `#e2d2c5` | `oklch(87.29% 0.0251 63.73)` | Bungalow White | black, 14.2 to 1 |
| 9 | `#dfcfc1` | `oklch(86.38% 0.0262 61.99)` | Winsome Beige | black, 13.8 to 1 |
| 10 | `#ddccbe` | `oklch(85.45% 0.0273 60.22)` | Stonewashed Brown | black, 13.4 to 1 |
| 11 | `#dbc8ba` | `oklch(84.51% 0.0285 58.45)` | Pink Tint | black, 12.9 to 1 |
| 12 | `#d9c5b7` | `oklch(83.56% 0.0296 56.70)` | Mission Stone | black, 12.5 to 1 |
| 13 | `#d7c1b4` | `oklch(82.62% 0.0307 55.01)` | Champagne Glee | black, 12.1 to 1 |
| 14 | `#d5beb0` | `oklch(81.70% 0.0318 53.40)` | Wild Rice | black, 11.8 to 1 |
| 15 | `#d2bbad` | `oklch(80.80% 0.0329 51.89)` | Desert Morning | black, 11.4 to 1 |
| 16 | `#d0b8aa` | `oklch(79.94% 0.0340 50.51)` | Corkscrew Willow | black, 11.1 to 1 |
| 17 | `#ceb5a8` | `oklch(79.11% 0.0349 49.26)` | Sashay Sand | black, 10.8 to 1 |
| 18 | `#ccb2a5` | `oklch(78.26% 0.0360 48.05)` | Rose Dust | black, 10.4 to 1 |
| 19 | `#caafa2` | `oklch(77.36% 0.0371 46.85)` | Vintage Charm | black, 10.1 to 1 |
| 20 | `#c8ab9f` | `oklch(76.43% 0.0382 45.67)` | Floral Arrangement | black, 9.8 to 1 |
| 21 | `#c6a89b` | `oklch(75.49% 0.0393 44.52)` | Prom Night | black, 9.4 to 1 |
| 22 | `#c4a598` | `oklch(74.55% 0.0404 43.40)` | Cosy Blanket | black, 9.1 to 1 |
| 23 | `#c1a295` | `oklch(73.60% 0.0416 42.32)` | Top Hat Tan | black, 8.8 to 1 |
| 24 | `#bf9e92` | `oklch(72.67% 0.0427 41.28)` | Earth Warming | black, 8.5 to 1 |
| 25 | `#bd9b8f` | `oklch(71.76% 0.0438 40.29)` | Coca Mocha | black, 8.2 to 1 |
| 26 | `#bb988d` | `oklch(70.89% 0.0448 39.35)` | Cinnamon Roast | black, 7.9 to 1 |
| 27 | `#b9958a` | `oklch(70.06% 0.0458 38.46)` | Nude Lips | black, 7.7 to 1 |
| 28 | `#b79388` | `oklch(69.29% 0.0468 37.64)` | Mauve Blush | black, 7.5 to 1 |
| 29 | `#b59086` | `oklch(68.57% 0.0476 36.89)` | Mauve Blush | black, 7.3 to 1 |
| 30 | `#b48e84` | `oklch(67.94% 0.0484 36.21)` | Ponder | black, 7.1 to 1 |
| 31 | `#b28c82` | `oklch(67.39% 0.0491 35.60)` | Western Ridge | black, 6.9 to 1 |
| 32 | `#b18b81` | `oklch(66.93% 0.0496 35.08)` | Western Ridge | black, 6.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #ede3d7 0.0%, #ece2d6 3.2%, #ebe0d3 6.5%, #e9ddd1 9.7%, #e7dbce 12.9%, #e6d8cb 16.1%, #e4d5c8 19.4%, #e2d2c5 22.6%, #dfcfc1 25.8%, #ddccbe 29.0%, #dbc8ba 32.3%, #d9c5b7 35.5%, #d7c1b4 38.7%, #d5beb0 41.9%, #d2bbad 45.2%, #d0b8aa 48.4%, #ceb5a8 51.6%, #ccb2a5 54.8%, #caafa2 58.1%, #c8ab9f 61.3%, #c6a89b 64.5%, #c4a598 67.7%, #c1a295 71.0%, #bf9e92 74.2%, #bd9b8f 77.4%, #bb988d 80.6%, #b9958a 83.9%, #b79388 87.1%, #b59086 90.3%, #b48e84 93.5%, #b28c82 96.8%, #b18b81 100.0%);
background: linear-gradient(135deg in oklch, oklch(92.13% 0.0193 73.13) 0.0%, oklch(91.67% 0.0198 72.26) 3.2%, oklch(91.12% 0.0205 71.20) 6.5%, oklch(90.48% 0.0213 69.96) 9.7%, oklch(89.77% 0.0221 68.57) 12.9%, oklch(88.99% 0.0231 67.05) 16.1%, oklch(88.17% 0.0241 65.43) 19.4%, oklch(87.29% 0.0251 63.73) 22.6%, oklch(86.38% 0.0262 61.99) 25.8%, oklch(85.45% 0.0273 60.22) 29.0%, oklch(84.51% 0.0285 58.45) 32.3%, oklch(83.56% 0.0296 56.70) 35.5%, oklch(82.62% 0.0307 55.01) 38.7%, oklch(81.70% 0.0318 53.40) 41.9%, oklch(80.80% 0.0329 51.89) 45.2%, oklch(79.94% 0.0340 50.51) 48.4%, oklch(79.11% 0.0349 49.26) 51.6%, oklch(78.26% 0.0360 48.05) 54.8%, oklch(77.36% 0.0371 46.85) 58.1%, oklch(76.43% 0.0382 45.67) 61.3%, oklch(75.49% 0.0393 44.52) 64.5%, oklch(74.55% 0.0404 43.40) 67.7%, oklch(73.60% 0.0416 42.32) 71.0%, oklch(72.67% 0.0427 41.28) 74.2%, oklch(71.76% 0.0438 40.29) 77.4%, oklch(70.89% 0.0448 39.35) 80.6%, oklch(70.06% 0.0458 38.46) 83.9%, oklch(69.29% 0.0468 37.64) 87.1%, oklch(68.57% 0.0476 36.89) 90.3%, oklch(67.94% 0.0484 36.21) 93.5%, oklch(67.39% 0.0491 35.60) 96.8%, oklch(66.93% 0.0496 35.08) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.921 | 0.019 | 73.1 |
| 2 | 0.795 | 0.034 | 49.9 |
| 3 | 0.669 | 0.05 | 35.1 |

## In these collections

- [Harvest gradients](https://grabient.com/harvest-gradients)
- [Earth tone gradients](https://grabient.com/earth-tone-gradients)

## Other forms

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