# Pastel monochrome beige to brown linear gradient

Pastel monochrome beige to brown linear gradient with 32 colors: #f3edca, #f1ebc7, #f0e8c2, #ede5bd, #ebe2b7, #e9deb1, #e7daaa, #e5d7a4, #e3d39e, #e1d099, #e0cd93, #dec98d, #ddc687, #dbc381, #dabf7c, #d8bc77, #d7b872, #d5b56d, #d3b168, #d2ae64, #d0ab60, #cea75c, #cca459, #caa156, #c89d54, #c59a53, #c29753, #bf9352, #bc9052, #b98e52, #b68b52, #b48a52. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW7yFG7pm_WWivzcpj8VCC_A`
- Page: https://grabient.com/kW7yFG7pm_WWivzcpj8VCC_A?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: pastel, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.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 | `#f3edca` | `oklch(94.09% 0.0455 99.14)` | Starbright | black, 17.7 to 1 |
| 2 | `#f1ebc7` | `oklch(93.53% 0.0475 98.73)` | Natural Light | black, 17.4 to 1 |
| 3 | `#f0e8c2` | `oklch(92.77% 0.0501 98.18)` | Ethereal Green | black, 17 to 1 |
| 4 | `#ede5bd` | `oklch(91.87% 0.0533 97.53)` | Slices of Happy | black, 16.5 to 1 |
| 5 | `#ebe2b7` | `oklch(90.87% 0.0568 96.80)` | Buttered | black, 16 to 1 |
| 6 | `#e9deb1` | `oklch(89.81% 0.0605 96.02)` | Star Bright | black, 15.5 to 1 |
| 7 | `#e7daaa` | `oklch(88.75% 0.0642 95.23)` | Sidecar | black, 15 to 1 |
| 8 | `#e5d7a4` | `oklch(87.72% 0.0678 94.43)` | Early Sprout | black, 14.5 to 1 |
| 9 | `#e3d39e` | `oklch(86.78% 0.0711 93.67)` | Twinkle Toes | black, 14.1 to 1 |
| 10 | `#e1d099` | `oklch(85.86% 0.0744 92.91)` | Honeycomb Glow | black, 13.6 to 1 |
| 11 | `#e0cd93` | `oklch(84.95% 0.0779 92.12)` | Bongo Skin | black, 13.2 to 1 |
| 12 | `#dec98d` | `oklch(84.04% 0.0815 91.33)` | Sonoma Chardonnay | black, 12.8 to 1 |
| 13 | `#ddc687` | `oklch(83.12% 0.0849 90.51)` | 24 Karat | black, 12.4 to 1 |
| 14 | `#dbc381` | `oklch(82.21% 0.0882 89.68)` | Sunspill | black, 12.1 to 1 |
| 15 | `#dabf7c` | `oklch(81.29% 0.0912 88.83)` | Morning’s Egg | black, 11.7 to 1 |
| 16 | `#d8bc77` | `oklch(80.38% 0.0939 87.96)` | Brass Nail | black, 11.3 to 1 |
| 17 | `#d7b872` | `oklch(79.46% 0.0962 87.07)` | Good as Gold | black, 11 to 1 |
| 18 | `#d5b56d` | `oklch(78.54% 0.0983 86.15)` | Golden Pagoda | black, 10.6 to 1 |
| 19 | `#d3b168` | `oklch(77.62% 0.1002 85.21)` | Dylan Velvet | black, 10.3 to 1 |
| 20 | `#d2ae64` | `oklch(76.70% 0.1019 84.25)` | Filtered Rays | black, 9.9 to 1 |
| 21 | `#d0ab60` | `oklch(75.78% 0.1032 83.28)` | French Pale Gold | black, 9.6 to 1 |
| 22 | `#cea75c` | `oklch(74.86% 0.1042 82.30)` | Excitable | black, 9.3 to 1 |
| 23 | `#cca459` | `oklch(73.96% 0.1047 81.32)` | Excitable | black, 9 to 1 |
| 24 | `#caa156` | `oklch(73.06% 0.1048 80.36)` | Warm Leather | black, 8.7 to 1 |
| 25 | `#c89d54` | `oklch(72.14% 0.1042 79.37)` | Warm Leather | black, 8.4 to 1 |
| 26 | `#c59a53` | `oklch(71.16% 0.1027 78.30)` | Aztec Gold | black, 8.1 to 1 |
| 27 | `#c29753` | `oklch(70.16% 0.1006 77.19)` | Amaretto Sour | black, 7.8 to 1 |
| 28 | `#bf9352` | `oklch(69.17% 0.0981 76.09)` | Amber Gold | black, 7.5 to 1 |
| 29 | `#bc9052` | `oklch(68.23% 0.0955 75.05)` | Bugle Boy | black, 7.2 to 1 |
| 30 | `#b98e52` | `oklch(67.38% 0.0930 74.11)` | Harvest Blessing | black, 7 to 1 |
| 31 | `#b68b52` | `oklch(66.67% 0.0910 73.31)` | Breadstick | black, 6.8 to 1 |
| 32 | `#b48a52` | `oklch(66.14% 0.0896 72.72)` | Breadstick | black, 6.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f3edca 0.0%, #f1ebc7 3.2%, #f0e8c2 6.5%, #ede5bd 9.7%, #ebe2b7 12.9%, #e9deb1 16.1%, #e7daaa 19.4%, #e5d7a4 22.6%, #e3d39e 25.8%, #e1d099 29.0%, #e0cd93 32.3%, #dec98d 35.5%, #ddc687 38.7%, #dbc381 41.9%, #dabf7c 45.2%, #d8bc77 48.4%, #d7b872 51.6%, #d5b56d 54.8%, #d3b168 58.1%, #d2ae64 61.3%, #d0ab60 64.5%, #cea75c 67.7%, #cca459 71.0%, #caa156 74.2%, #c89d54 77.4%, #c59a53 80.6%, #c29753 83.9%, #bf9352 87.1%, #bc9052 90.3%, #b98e52 93.5%, #b68b52 96.8%, #b48a52 100.0%);
background: linear-gradient(90deg in oklch, oklch(94.09% 0.0455 99.14) 0.0%, oklch(93.53% 0.0475 98.73) 3.2%, oklch(92.77% 0.0501 98.18) 6.5%, oklch(91.87% 0.0533 97.53) 9.7%, oklch(90.87% 0.0568 96.80) 12.9%, oklch(89.81% 0.0605 96.02) 16.1%, oklch(88.75% 0.0642 95.23) 19.4%, oklch(87.72% 0.0678 94.43) 22.6%, oklch(86.78% 0.0711 93.67) 25.8%, oklch(85.86% 0.0744 92.91) 29.0%, oklch(84.95% 0.0779 92.12) 32.3%, oklch(84.04% 0.0815 91.33) 35.5%, oklch(83.12% 0.0849 90.51) 38.7%, oklch(82.21% 0.0882 89.68) 41.9%, oklch(81.29% 0.0912 88.83) 45.2%, oklch(80.38% 0.0939 87.96) 48.4%, oklch(79.46% 0.0962 87.07) 51.6%, oklch(78.54% 0.0983 86.15) 54.8%, oklch(77.62% 0.1002 85.21) 58.1%, oklch(76.70% 0.1019 84.25) 61.3%, oklch(75.78% 0.1032 83.28) 64.5%, oklch(74.86% 0.1042 82.30) 67.7%, oklch(73.96% 0.1047 81.32) 71.0%, oklch(73.06% 0.1048 80.36) 74.2%, oklch(72.14% 0.1042 79.37) 77.4%, oklch(71.16% 0.1027 78.30) 80.6%, oklch(70.16% 0.1006 77.19) 83.9%, oklch(69.17% 0.0981 76.09) 87.1%, oklch(68.23% 0.0955 75.05) 90.3%, oklch(67.38% 0.0930 74.11) 93.5%, oklch(66.67% 0.0910 73.31) 96.8%, oklch(66.14% 0.0896 72.72) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.941 | 0.045 | 99.1 |
| 2 | 0.87 | 0.07 | 93.9 |
| 3 | 0.799 | 0.095 | 87.5 |
| 4 | 0.728 | 0.105 | 80.1 |
| 5 | 0.661 | 0.09 | 72.7 |

## In these collections

- [Beach gradients](https://grabient.com/beach-gradients)
- [Golden hour swatches](https://grabient.com/golden-hour-swatches)

## Other forms

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