# Pastel monochrome tan and beige angular gradient

Pastel monochrome tan and beige angular gradient with 32 colors: #d7c197, #d8c399, #dbc69a, #dec99d, #e1cd9f, #e4d2a2, #e8d6a5, #ebdba9, #efe0ac, #f2e4af, #f6e9b1, #f8ecb4, #fbf0b6, #fdf2b7, #fef4b7, #fff4b6, #fef3b5, #fef1b2, #fceead, #faeaa8, #f8e5a3, #f5df9c, #f2d996, #eed28f, #ebcc88, #e8c582, #e4bf7c, #e1b976, #deb371, #dcae6c, #daaa69, #d8a766. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kS0Cw7-h1B2CkvM`
- Page: https://grabient.com/kS0Cw7-h1B2CkvM?style=angularGradient&steps=32&angle=45
- Drawn as: angular gradient, 32 steps, 45 degrees
- Kinds: pastel, light, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 1.9 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 | `#d7c197` | `oklch(81.89% 0.0606 83.67)` | Grain Mill | black, 11.9 to 1 |
| 2 | `#d8c399` | `oklch(82.47% 0.0613 84.33)` | Natural Twine | black, 12.1 to 1 |
| 3 | `#dbc69a` | `oklch(83.27% 0.0622 85.25)` | Straw Basket | black, 12.5 to 1 |
| 4 | `#dec99d` | `oklch(84.26% 0.0631 86.38)` | So Close | black, 12.9 to 1 |
| 5 | `#e1cd9f` | `oklch(85.39% 0.0642 87.68)` | Prairie Land | black, 13.4 to 1 |
| 6 | `#e4d2a2` | `oklch(86.62% 0.0654 89.10)` | Italian Straw | black, 14 to 1 |
| 7 | `#e8d6a5` | `oklch(87.92% 0.0666 90.60)` | Hampton | black, 14.6 to 1 |
| 8 | `#ebdba9` | `oklch(89.24% 0.0680 92.12)` | Studio Cream | black, 15.2 to 1 |
| 9 | `#efe0ac` | `oklch(90.56% 0.0693 93.62)` | Citrus Rind | black, 15.8 to 1 |
| 10 | `#f2e4af` | `oklch(91.82% 0.0707 95.05)` | Oyster Bisque | black, 16.5 to 1 |
| 11 | `#f6e9b1` | `oklch(92.99% 0.0722 96.38)` | Icy Lemonade | black, 17.1 to 1 |
| 12 | `#f8ecb4` | `oklch(94.03% 0.0736 97.54)` | Easy on the Eyes | black, 17.7 to 1 |
| 13 | `#fbf0b6` | `oklch(94.90% 0.0751 98.49)` | Dandelion Whisper | black, 18.1 to 1 |
| 14 | `#fdf2b7` | `oklch(95.57% 0.0765 99.19)` | Dandelion Wine | black, 18.5 to 1 |
| 15 | `#fef4b7` | `oklch(95.98% 0.0779 99.59)` | Swiss Cheese | black, 18.7 to 1 |
| 16 | `#fff4b6` | `oklch(96.12% 0.0793 99.64)` | Swiss Cheese | black, 18.8 to 1 |
| 17 | `#fef3b5` | `oklch(95.92% 0.0806 99.30)` | Swiss Cheese | black, 18.7 to 1 |
| 18 | `#fef1b2` | `oklch(95.39% 0.0820 98.52)` | Creamy Lemon | black, 18.4 to 1 |
| 19 | `#fceead` | `oklch(94.55% 0.0834 97.37)` | Custard Puff | black, 17.9 to 1 |
| 20 | `#faeaa8` | `oklch(93.45% 0.0849 95.90)` | Bleached Sunflower | black, 17.3 to 1 |
| 21 | `#f8e5a3` | `oklch(92.14% 0.0864 94.15)` | Lemon Filling | black, 16.6 to 1 |
| 22 | `#f5df9c` | `oklch(90.65% 0.0880 92.20)` | Aspen Yellow | black, 15.9 to 1 |
| 23 | `#f2d996` | `oklch(89.04% 0.0895 90.08)` | Poached Egg | black, 15.1 to 1 |
| 24 | `#eed28f` | `oklch(87.34% 0.0911 87.87)` | Nectar Jackpot | black, 14.3 to 1 |
| 25 | `#ebcc88` | `oklch(85.60% 0.0926 85.61)` | Spaghetti Monster | black, 13.5 to 1 |
| 26 | `#e8c582` | `oklch(83.87% 0.0940 83.35)` | Wild Bamboo | black, 12.7 to 1 |
| 27 | `#e4bf7c` | `oklch(82.18% 0.0954 81.16)` | Deserted Path | black, 12 to 1 |
| 28 | `#e1b976` | `oklch(80.59% 0.0967 79.09)` | Veranda Yellow | black, 11.3 to 1 |
| 29 | `#deb371` | `oklch(79.12% 0.0979 77.19)` | Gyoza Dumpling | black, 10.8 to 1 |
| 30 | `#dcae6c` | `oklch(77.84% 0.0989 75.53)` | Sweet Maple | black, 10.3 to 1 |
| 31 | `#daaa69` | `oklch(76.78% 0.0998 74.15)` | Sugar Honey Cashew | black, 9.9 to 1 |
| 32 | `#d8a766` | `oklch(75.98% 0.1006 73.10)` | Ungor Beige | black, 9.6 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #d7c197 0.0%, #d8c399 3.2%, #dbc69a 6.5%, #dec99d 9.7%, #e1cd9f 12.9%, #e4d2a2 16.1%, #e8d6a5 19.4%, #ebdba9 22.6%, #efe0ac 25.8%, #f2e4af 29.0%, #f6e9b1 32.3%, #f8ecb4 35.5%, #fbf0b6 38.7%, #fdf2b7 41.9%, #fef4b7 45.2%, #fff4b6 48.4%, #fef3b5 51.6%, #fef1b2 54.8%, #fceead 58.1%, #faeaa8 61.3%, #f8e5a3 64.5%, #f5df9c 67.7%, #f2d996 71.0%, #eed28f 74.2%, #ebcc88 77.4%, #e8c582 80.6%, #e4bf7c 83.9%, #e1b976 87.1%, #deb371 90.3%, #dcae6c 93.5%, #daaa69 96.8%, #d8a766 100.0%);
background: conic-gradient(from 45deg in oklch, oklch(81.89% 0.0606 83.67) 0.0%, oklch(82.47% 0.0613 84.33) 3.2%, oklch(83.27% 0.0622 85.25) 6.5%, oklch(84.26% 0.0631 86.38) 9.7%, oklch(85.39% 0.0642 87.68) 12.9%, oklch(86.62% 0.0654 89.10) 16.1%, oklch(87.92% 0.0666 90.60) 19.4%, oklch(89.24% 0.0680 92.12) 22.6%, oklch(90.56% 0.0693 93.62) 25.8%, oklch(91.82% 0.0707 95.05) 29.0%, oklch(92.99% 0.0722 96.38) 32.3%, oklch(94.03% 0.0736 97.54) 35.5%, oklch(94.90% 0.0751 98.49) 38.7%, oklch(95.57% 0.0765 99.19) 41.9%, oklch(95.98% 0.0779 99.59) 45.2%, oklch(96.12% 0.0793 99.64) 48.4%, oklch(95.92% 0.0806 99.30) 51.6%, oklch(95.39% 0.0820 98.52) 54.8%, oklch(94.55% 0.0834 97.37) 58.1%, oklch(93.45% 0.0849 95.90) 61.3%, oklch(92.14% 0.0864 94.15) 64.5%, oklch(90.65% 0.0880 92.20) 67.7%, oklch(89.04% 0.0895 90.08) 71.0%, oklch(87.34% 0.0911 87.87) 74.2%, oklch(85.60% 0.0926 85.61) 77.4%, oklch(83.87% 0.0940 83.35) 80.6%, oklch(82.18% 0.0954 81.16) 83.9%, oklch(80.59% 0.0967 79.09) 87.1%, oklch(79.12% 0.0979 77.19) 90.3%, oklch(77.84% 0.0989 75.53) 93.5%, oklch(76.78% 0.0998 74.15) 96.8%, oklch(75.98% 0.1006 73.10) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.061 | 83.7 |
| 2 | 0.961 | 0.08 | 99.5 |
| 3 | 0.76 | 0.101 | 73.1 |

## In these collections

- [Gold gradients](https://grabient.com/gold-gradients)

## Other forms

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