# Beige to gray linear gradient

Beige to gray linear gradient with 32 colors: #fcead2, #fde9d2, #fee9d2, #ffe8d3, #ffe8d5, #ffe7d6, #ffe7d6, #ffe5d5, #ffe4d2, #fce3d1, #f8e1d0, #f4e0cf, #efdece, #eaddcd, #e5dbcc, #e0d8ca, #dcd6c8, #d7d4c5, #d2d2c3, #ccd0c0, #c6cebe, #c0ccbd, #bbc9bb, #b7c7b9, #b4c4b6, #b1c1b2, #b0beae, #afbba9, #aeb7a4, #aeb4a0, #aeb19d, #adaf9b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW8Bs1dw49nAHw7nCcd3wq7Y`
- Page: https://grabient.com/kW8Bs1dw49nAHw7nCcd3wq7Y?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: neutral, light
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 1.8 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 | `#fcead2` | `oklch(94.49% 0.0372 74.53)` | Country Lane | black, 17.8 to 1 |
| 2 | `#fde9d2` | `oklch(94.46% 0.0375 72.55)` | Creamy Orange | black, 17.7 to 1 |
| 3 | `#fee9d2` | `oklch(94.46% 0.0379 69.50)` | Creamy Orange | black, 17.7 to 1 |
| 4 | `#ffe8d3` | `oklch(94.46% 0.0379 65.86)` | Macaroon Cream | black, 17.7 to 1 |
| 5 | `#ffe8d5` | `oklch(94.43% 0.0359 62.06)` | Macaroon Cream | black, 17.7 to 1 |
| 6 | `#ffe7d6` | `oklch(94.36% 0.0347 58.58)` | Mood Lighting | black, 17.6 to 1 |
| 7 | `#ffe7d6` | `oklch(94.21% 0.0346 55.89)` | Mood Lighting | black, 17.6 to 1 |
| 8 | `#ffe5d5` | `oklch(93.97% 0.0355 54.45)` | Winthrop Peach | black, 17.4 to 1 |
| 9 | `#ffe4d2` | `oklch(93.59% 0.0379 54.69)` | Powdered Peach | black, 17.2 to 1 |
| 10 | `#fce3d1` | `oklch(93.10% 0.0365 56.28)` | Scalloped Potato | black, 17 to 1 |
| 11 | `#f8e1d0` | `oklch(92.49% 0.0341 58.92)` | Pastry Pink | black, 16.7 to 1 |
| 12 | `#f4e0cf` | `oklch(91.80% 0.0312 62.47)` | Muffin Mix | black, 16.3 to 1 |
| 13 | `#efdece` | `oklch(91.05% 0.0282 66.79)` | Dry Dune | black, 16 to 1 |
| 14 | `#eaddcd` | `oklch(90.25% 0.0254 71.76)` | Moderate White | black, 15.6 to 1 |
| 15 | `#e5dbcc` | `oklch(89.43% 0.0230 77.24)` | Predictable | black, 15.2 to 1 |
| 16 | `#e0d8ca` | `oklch(88.60% 0.0212 83.11)` | Powder Cake | black, 14.9 to 1 |
| 17 | `#dcd6c8` | `oklch(87.77% 0.0204 89.55)` | Polished Limestone | black, 14.5 to 1 |
| 18 | `#d7d4c5` | `oklch(86.90% 0.0203 97.96)` | City Steam | black, 14.1 to 1 |
| 19 | `#d2d2c3` | `oklch(85.99% 0.0208 107.84)` | Muslin | black, 13.7 to 1 |
| 20 | `#ccd0c0` | `oklch(85.05% 0.0217 118.31)` | Glass Tile | black, 13.3 to 1 |
| 21 | `#c6cebe` | `oklch(84.10% 0.0229 128.52)` | Gentle Calm | black, 12.9 to 1 |
| 22 | `#c0ccbd` | `oklch(83.15% 0.0241 137.62)` | Paris White | black, 12.5 to 1 |
| 23 | `#bbc9bb` | `oklch(82.22% 0.0252 144.74)` | Tropical Cyclone | black, 12.2 to 1 |
| 24 | `#b7c7b9` | `oklch(81.32% 0.0260 149.03)` | Pine Whisper | black, 11.8 to 1 |
| 25 | `#b4c4b6` | `oklch(80.44% 0.0266 149.72)` | Recycled Glass | black, 11.5 to 1 |
| 26 | `#b1c1b2` | `oklch(79.50% 0.0270 147.08)` | Rainee | black, 11.1 to 1 |
| 27 | `#b0beae` | `oklch(78.55% 0.0275 142.01)` | Cottage Charm | black, 10.8 to 1 |
| 28 | `#afbba9` | `oklch(77.62% 0.0279 135.39)` | Fresh Thyme | black, 10.4 to 1 |
| 29 | `#aeb7a4` | `oklch(76.75% 0.0282 128.14)` | Fennel Stem | black, 10.1 to 1 |
| 30 | `#aeb4a0` | `oklch(75.96% 0.0285 121.14)` | Laurel Mist | black, 9.8 to 1 |
| 31 | `#aeb19d` | `oklch(75.30% 0.0287 115.30)` | Still | black, 9.6 to 1 |
| 32 | `#adaf9b` | `oklch(74.80% 0.0289 111.52)` | Still | black, 9.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #fcead2 0.0%, #fde9d2 3.2%, #fee9d2 6.5%, #ffe8d3 9.7%, #ffe8d5 12.9%, #ffe7d6 16.1%, #ffe7d6 19.4%, #ffe5d5 22.6%, #ffe4d2 25.8%, #fce3d1 29.0%, #f8e1d0 32.3%, #f4e0cf 35.5%, #efdece 38.7%, #eaddcd 41.9%, #e5dbcc 45.2%, #e0d8ca 48.4%, #dcd6c8 51.6%, #d7d4c5 54.8%, #d2d2c3 58.1%, #ccd0c0 61.3%, #c6cebe 64.5%, #c0ccbd 67.7%, #bbc9bb 71.0%, #b7c7b9 74.2%, #b4c4b6 77.4%, #b1c1b2 80.6%, #b0beae 83.9%, #afbba9 87.1%, #aeb7a4 90.3%, #aeb4a0 93.5%, #aeb19d 96.8%, #adaf9b 100.0%);
background: linear-gradient(90deg in oklch, oklch(94.49% 0.0372 74.53) 0.0%, oklch(94.46% 0.0375 72.55) 3.2%, oklch(94.46% 0.0379 69.50) 6.5%, oklch(94.46% 0.0379 65.86) 9.7%, oklch(94.43% 0.0359 62.06) 12.9%, oklch(94.36% 0.0347 58.58) 16.1%, oklch(94.21% 0.0346 55.89) 19.4%, oklch(93.97% 0.0355 54.45) 22.6%, oklch(93.59% 0.0379 54.69) 25.8%, oklch(93.10% 0.0365 56.28) 29.0%, oklch(92.49% 0.0341 58.92) 32.3%, oklch(91.80% 0.0312 62.47) 35.5%, oklch(91.05% 0.0282 66.79) 38.7%, oklch(90.25% 0.0254 71.76) 41.9%, oklch(89.43% 0.0230 77.24) 45.2%, oklch(88.60% 0.0212 83.11) 48.4%, oklch(87.77% 0.0204 89.55) 51.6%, oklch(86.90% 0.0203 97.96) 54.8%, oklch(85.99% 0.0208 107.84) 58.1%, oklch(85.05% 0.0217 118.31) 61.3%, oklch(84.10% 0.0229 128.52) 64.5%, oklch(83.15% 0.0241 137.62) 67.7%, oklch(82.22% 0.0252 144.74) 71.0%, oklch(81.32% 0.0260 149.03) 74.2%, oklch(80.44% 0.0266 149.72) 77.4%, oklch(79.50% 0.0270 147.08) 80.6%, oklch(78.55% 0.0275 142.01) 83.9%, oklch(77.62% 0.0279 135.39) 87.1%, oklch(76.75% 0.0282 128.14) 90.3%, oklch(75.96% 0.0285 121.14) 93.5%, oklch(75.30% 0.0287 115.30) 96.8%, oklch(74.80% 0.0289 111.52) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.945 | 0.037 | 74.5 |
| 2 | 0.937 | 0.039 | 54.5 |
| 3 | 0.882 | 0.021 | 86.2 |
| 4 | 0.811 | 0.026 | 149.6 |
| 5 | 0.748 | 0.029 | 111.5 |

## In these collections

- [Vintage gradients](https://grabient.com/vintage-gradients)
- [Color trends 2027 swatches](https://grabient.com/color-trends-2027-swatches)

## Other forms

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