# Forest cream diagonal shade

Beige, black, dark green and gray linear gradient with 64 colors: #dfd9ac, #dcd6a9, #dad2a5, #d7cda1, #d4c99c, #d1c397, #cebe91, #cab88c, #c6b286, #c1ab80, #bca57a, #b79f74, #b2986e, #ac9268, #a58c62, #9e865c, #978157, #8f7b50, #86764a, #7c7044, #716a3e, #656439, #5a5d34, #4e5730, #43512d, #384b2a, #2d4528, #233f26, #193a24, #103422, #083020, #022c1f, #00281d, #00241b, #002019, #001c17, #001914, #001612, #001310, #00110e, #000f0d, #000e0c, #000d0b, #000e0b, #000f0c, #00110d, #00130f, #001712, #031d16, #0a241b, #142c21, #203729, #2e4332, #3d503b, #4e5d46, #606c51, #737a5d, #878969, #9a9775, #ada482, #beb18e, #cebc99, #dbc5a3, #e5ccab. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Beige, black, dark green and gray linear gradient
- Seed: `kW3ytITpe9qASyiYDUC7RM0A`
- Page: https://grabient.com/kW3ytITpe9qASyiYDUC7RM0A?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: dark center
- Hues: wide
- Contrast of its darkest and lightest colors: 13.7 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 | `#dfd9ac` | `oklch(87.80% 0.0593 101.25)` | Fresh Willow | black, 14.6 to 1 |
| 2 | `#dcd6a9` | `oklch(86.89% 0.0595 100.37)` | Primitive Green | black, 14.1 to 1 |
| 3 | `#dad2a5` | `oklch(85.83% 0.0598 99.01)` | Cream Cheese Avocado | black, 13.7 to 1 |
| 4 | `#d7cda1` | `oklch(84.62% 0.0602 97.26)` | Sawgrass Cottage | black, 13.1 to 1 |
| 5 | `#d4c99c` | `oklch(83.29% 0.0607 95.22)` | Parsnip | black, 12.5 to 1 |
| 6 | `#d1c397` | `oklch(81.83% 0.0613 92.98)` | Winter Mood | black, 11.9 to 1 |
| 7 | `#cebe91` | `oklch(80.27% 0.0618 90.65)` | Beaten Track | black, 11.3 to 1 |
| 8 | `#cab88c` | `oklch(78.61% 0.0624 88.30)` | Canvas Satchel | black, 10.7 to 1 |
| 9 | `#c6b286` | `oklch(76.87% 0.0629 86.05)` | Desert Floor | black, 10 to 1 |
| 10 | `#c1ab80` | `oklch(75.05% 0.0635 83.98)` | Cobbler | black, 9.4 to 1 |
| 11 | `#bca57a` | `oklch(73.18% 0.0639 82.20)` | Texas Sage | black, 8.8 to 1 |
| 12 | `#b79f74` | `oklch(71.25% 0.0643 80.80)` | Vintage Gold | black, 8.2 to 1 |
| 13 | `#b2986e` | `oklch(69.29% 0.0647 79.87)` | Dust | black, 7.6 to 1 |
| 14 | `#ac9268` | `oklch(67.31% 0.0649 79.50)` | Modern Avocado | black, 7 to 1 |
| 15 | `#a58c62` | `oklch(65.31% 0.0650 79.81)` | Rattan | black, 6.5 to 1 |
| 16 | `#9e865c` | `oklch(63.31% 0.0649 80.87)` | Gold Tangiers | black, 6 to 1 |
| 17 | `#978157` | `oklch(61.31% 0.0647 82.80)` | Grassy Cliff | black, 5.5 to 1 |
| 18 | `#8f7b50` | `oklch(59.17% 0.0643 85.78)` | Safari Trail | black, 5.1 to 1 |
| 19 | `#86764a` | `oklch(56.87% 0.0638 89.76)` | Pickled Okra | black, 4.6 to 1 |
| 20 | `#7c7044` | `oklch(54.43% 0.0632 94.60)` | Olive Shade | white, 4.9 to 1 |
| 21 | `#716a3e` | `oklch(51.89% 0.0625 100.14)` | Robinhood | white, 5.5 to 1 |
| 22 | `#656439` | `oklch(49.27% 0.0617 106.26)` | Scots Pine | white, 6.1 to 1 |
| 23 | `#5a5d34` | `oklch(46.61% 0.0608 112.80)` | Base Camp | white, 6.8 to 1 |
| 24 | `#4e5730` | `oklch(43.94% 0.0598 119.62)` | Chive | white, 7.6 to 1 |
| 25 | `#43512d` | `oklch(41.28% 0.0588 126.59)` | Zen Garden Olive | white, 8.5 to 1 |
| 26 | `#384b2a` | `oklch(38.68% 0.0577 133.55)` | Nettle Green | white, 9.5 to 1 |
| 27 | `#2d4528` | `oklch(36.16% 0.0567 140.37)` | Forestry | white, 10.5 to 1 |
| 28 | `#233f26` | `oklch(33.76% 0.0556 146.90)` | Mizukaze Green | white, 11.5 to 1 |
| 29 | `#193a24` | `oklch(31.50% 0.0545 152.99)` | Deep Fir | white, 12.6 to 1 |
| 30 | `#103422` | `oklch(29.42% 0.0535 158.52)` | Phthalo Green | white, 13.6 to 1 |
| 31 | `#083020` | `oklch(27.55% 0.0524 163.33)` | Dark Jungle | white, 14.5 to 1 |
| 32 | `#022c1f` | `oklch(25.91% 0.0515 167.27)` | Bush | white, 15.2 to 1 |
| 33 | `#00281d` | `oklch(24.52% 0.0484 170.21)` | Deep Slate Green | white, 15.9 to 1 |
| 34 | `#00241b` | `oklch(23.13% 0.0444 172.93)` | Clock Chimes Thirteen | white, 16.5 to 1 |
| 35 | `#002019` | `oklch(21.74% 0.0408 175.39)` | Stellar Explorer | white, 17.2 to 1 |
| 36 | `#001c17` | `oklch(20.37% 0.0376 177.59)` | Black Stallion | white, 17.7 to 1 |
| 37 | `#001914` | `oklch(19.08% 0.0347 179.50)` | Pinch of Pepper | white, 18.2 to 1 |
| 38 | `#001612` | `oklch(17.88% 0.0322 181.10)` | Black Glaze | white, 18.7 to 1 |
| 39 | `#001310` | `oklch(16.81% 0.0300 182.37)` | Black Glaze | white, 19 to 1 |
| 40 | `#00110e` | `oklch(15.90% 0.0283 183.29)` | Black Glaze | white, 19.3 to 1 |
| 41 | `#000f0d` | `oklch(15.19% 0.0269 183.84)` | Black Glaze | white, 19.5 to 1 |
| 42 | `#000e0c` | `oklch(14.71% 0.0261 183.99)` | Black Glaze | white, 19.6 to 1 |
| 43 | `#000d0b` | `oklch(14.49% 0.0257 183.74)` | Dark Side of the Moon | white, 19.7 to 1 |
| 44 | `#000e0b` | `oklch(14.57% 0.0259 183.06)` | Black Glaze | white, 19.6 to 1 |
| 45 | `#000f0c` | `oklch(14.97% 0.0268 181.94)` | Black Glaze | white, 19.5 to 1 |
| 46 | `#00110d` | `oklch(15.72% 0.0285 180.35)` | Black Glaze | white, 19.3 to 1 |
| 47 | `#00130f` | `oklch(16.88% 0.0310 178.29)` | Black Glaze | white, 19 to 1 |
| 48 | `#001712` | `oklch(18.46% 0.0346 175.73)` | Black Glaze | white, 18.5 to 1 |
| 49 | `#031d16` | `oklch(20.58% 0.0359 172.64)` | Clock Chimes Thirteen | white, 17.7 to 1 |
| 50 | `#0a241b` | `oklch(23.49% 0.0364 168.20)` | Deep Slate Green | white, 16.4 to 1 |
| 51 | `#142c21` | `oklch(27.07% 0.0370 162.78)` | Guerrilla Forest | white, 14.8 to 1 |
| 52 | `#203729` | `oklch(31.22% 0.0379 156.53)` | Palm Green | white, 12.8 to 1 |
| 53 | `#2e4332` | `oklch(35.82% 0.0390 149.61)` | Mushiao Green | white, 10.7 to 1 |
| 54 | `#3d503b` | `oklch(40.78% 0.0402 142.18)` | Hōjicha | white, 8.7 to 1 |
| 55 | `#4e5d46` | `oklch(45.97% 0.0416 134.40)` | Muddy Olive | white, 7 to 1 |
| 56 | `#606c51` | `oklch(51.30% 0.0430 126.43)` | Hinterland | white, 5.5 to 1 |
| 57 | `#737a5d` | `oklch(56.65% 0.0444 118.42)` | Aceituna Picante | black, 4.6 to 1 |
| 58 | `#878969` | `oklch(61.93% 0.0458 110.54)` | Green Savage | black, 5.8 to 1 |
| 59 | `#9a9775` | `oklch(67.01% 0.0472 102.95)` | California Roll | black, 7 to 1 |
| 60 | `#ada482` | `oklch(71.80% 0.0486 95.80)` | Neutral Green | black, 8.4 to 1 |
| 61 | `#beb18e` | `oklch(76.18% 0.0498 89.26)` | Trailblazer | black, 9.8 to 1 |
| 62 | `#cebc99` | `oklch(80.05% 0.0508 83.47)` | Intimate Journal | black, 11.2 to 1 |
| 63 | `#dbc5a3` | `oklch(83.30% 0.0517 78.61)` | Afternoon Stroll | black, 12.5 to 1 |
| 64 | `#e5ccab` | `oklch(85.83% 0.0524 74.83)` | Consommé | black, 13.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #dfd9ac 0.0%, #dcd6a9 1.6%, #dad2a5 3.2%, #d7cda1 4.8%, #d4c99c 6.3%, #d1c397 7.9%, #cebe91 9.5%, #cab88c 11.1%, #c6b286 12.7%, #c1ab80 14.3%, #bca57a 15.9%, #b79f74 17.5%, #b2986e 19.0%, #ac9268 20.6%, #a58c62 22.2%, #9e865c 23.8%, #978157 25.4%, #8f7b50 27.0%, #86764a 28.6%, #7c7044 30.2%, #716a3e 31.7%, #656439 33.3%, #5a5d34 34.9%, #4e5730 36.5%, #43512d 38.1%, #384b2a 39.7%, #2d4528 41.3%, #233f26 42.9%, #193a24 44.4%, #103422 46.0%, #083020 47.6%, #022c1f 49.2%, #00281d 50.8%, #00241b 52.4%, #002019 54.0%, #001c17 55.6%, #001914 57.1%, #001612 58.7%, #001310 60.3%, #00110e 61.9%, #000f0d 63.5%, #000e0c 65.1%, #000d0b 66.7%, #000e0b 68.3%, #000f0c 69.8%, #00110d 71.4%, #00130f 73.0%, #001712 74.6%, #031d16 76.2%, #0a241b 77.8%, #142c21 79.4%, #203729 81.0%, #2e4332 82.5%, #3d503b 84.1%, #4e5d46 85.7%, #606c51 87.3%, #737a5d 88.9%, #878969 90.5%, #9a9775 92.1%, #ada482 93.7%, #beb18e 95.2%, #cebc99 96.8%, #dbc5a3 98.4%, #e5ccab 100.0%);
background: linear-gradient(135deg in oklch, oklch(87.80% 0.0593 101.25) 0.0%, oklch(86.89% 0.0595 100.37) 1.6%, oklch(85.83% 0.0598 99.01) 3.2%, oklch(84.62% 0.0602 97.26) 4.8%, oklch(83.29% 0.0607 95.22) 6.3%, oklch(81.83% 0.0613 92.98) 7.9%, oklch(80.27% 0.0618 90.65) 9.5%, oklch(78.61% 0.0624 88.30) 11.1%, oklch(76.87% 0.0629 86.05) 12.7%, oklch(75.05% 0.0635 83.98) 14.3%, oklch(73.18% 0.0639 82.20) 15.9%, oklch(71.25% 0.0643 80.80) 17.5%, oklch(69.29% 0.0647 79.87) 19.0%, oklch(67.31% 0.0649 79.50) 20.6%, oklch(65.31% 0.0650 79.81) 22.2%, oklch(63.31% 0.0649 80.87) 23.8%, oklch(61.31% 0.0647 82.80) 25.4%, oklch(59.17% 0.0643 85.78) 27.0%, oklch(56.87% 0.0638 89.76) 28.6%, oklch(54.43% 0.0632 94.60) 30.2%, oklch(51.89% 0.0625 100.14) 31.7%, oklch(49.27% 0.0617 106.26) 33.3%, oklch(46.61% 0.0608 112.80) 34.9%, oklch(43.94% 0.0598 119.62) 36.5%, oklch(41.28% 0.0588 126.59) 38.1%, oklch(38.68% 0.0577 133.55) 39.7%, oklch(36.16% 0.0567 140.37) 41.3%, oklch(33.76% 0.0556 146.90) 42.9%, oklch(31.50% 0.0545 152.99) 44.4%, oklch(29.42% 0.0535 158.52) 46.0%, oklch(27.55% 0.0524 163.33) 47.6%, oklch(25.91% 0.0515 167.27) 49.2%, oklch(24.52% 0.0484 170.21) 50.8%, oklch(23.13% 0.0444 172.93) 52.4%, oklch(21.74% 0.0408 175.39) 54.0%, oklch(20.37% 0.0376 177.59) 55.6%, oklch(19.08% 0.0347 179.50) 57.1%, oklch(17.88% 0.0322 181.10) 58.7%, oklch(16.81% 0.0300 182.37) 60.3%, oklch(15.90% 0.0283 183.29) 61.9%, oklch(15.19% 0.0269 183.84) 63.5%, oklch(14.71% 0.0261 183.99) 65.1%, oklch(14.49% 0.0257 183.74) 66.7%, oklch(14.57% 0.0259 183.06) 68.3%, oklch(14.97% 0.0268 181.94) 69.8%, oklch(15.72% 0.0285 180.35) 71.4%, oklch(16.88% 0.0310 178.29) 73.0%, oklch(18.46% 0.0346 175.73) 74.6%, oklch(20.58% 0.0359 172.64) 76.2%, oklch(23.49% 0.0364 168.20) 77.8%, oklch(27.07% 0.0370 162.78) 79.4%, oklch(31.22% 0.0379 156.53) 81.0%, oklch(35.82% 0.0390 149.61) 82.5%, oklch(40.78% 0.0402 142.18) 84.1%, oklch(45.97% 0.0416 134.40) 85.7%, oklch(51.30% 0.0430 126.43) 87.3%, oklch(56.65% 0.0444 118.42) 88.9%, oklch(61.93% 0.0458 110.54) 90.5%, oklch(67.01% 0.0472 102.95) 92.1%, oklch(71.80% 0.0486 95.80) 93.7%, oklch(76.18% 0.0498 89.26) 95.2%, oklch(80.05% 0.0508 83.47) 96.8%, oklch(83.30% 0.0517 78.61) 98.4%, oklch(85.83% 0.0524 74.83) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.878 | 0.059 | 101.3 |
| 2 | 0.618 | 0.065 | 82.2 |
| 3 | 0.252 | 0.051 | 168.9 |
| 4 | 0.189 | 0.036 | 175.2 |
| 5 | 0.858 | 0.052 | 74.8 |

## In these collections

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

## Other forms

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