# Dark green, gray, white and brown linear gradient

Dark green, gray, white and brown linear gradient with 56 colors: #112400, #182a05, #21320e, #2c3b19, #394525, #475133, #565e42, #666d52, #777c64, #888b76, #999b88, #a9aa9b, #b9b9ad, #c8c8be, #d6d5cd, #e2e1db, #ebebe6, #f3f2ef, #f8f7f4, #fbfaf6, #fbf9f5, #f9f6f0, #f5f1e8, #efe9df, #e9e0d3, #e1d6c6, #d9cbb9, #d0bfaa, #c8b39b, #bfa68c, #b69a7d, #ad8e6f, #a68362, #9e7956, #98704b, #936842, #8f623a, #8d5f34, #8b5c2f, #8a5b2b, #8a5a27, #8a5b23, #8a5c20, #8b5e1e, #8b611c, #8c641b, #8d671a, #8e6b1a, #8f6f1c, #90731d, #90761f, #917a22, #917d24, #918026, #918227, #908428. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUPDBe_IG7EMePHNKESA`
- Page: https://grabient.com/kUPDBe_IG7EMePHNKESA?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Kinds: light center
- Hues: analogous
- Contrast of its darkest and lightest colors: 15.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 | `#112400` | `oklch(23.62% 0.0661 132.89)` | Yuzu Soy | white, 16.3 to 1 |
| 2 | `#182a05` | `oklch(26.04% 0.0641 131.63)` | Lindworm Green | white, 15.2 to 1 |
| 3 | `#21320e` | `oklch(29.15% 0.0613 130.12)` | Darkest Forest | white, 13.8 to 1 |
| 4 | `#2c3b19` | `oklch(32.88% 0.0580 128.38)` | Turtle Skin | white, 12 to 1 |
| 5 | `#394525` | `oklch(37.12% 0.0541 126.43)` | Avocado Dark Green | white, 10.2 to 1 |
| 6 | `#475133` | `oklch(41.79% 0.0499 124.31)` | Green Shade Wash | white, 8.4 to 1 |
| 7 | `#565e42` | `oklch(46.78% 0.0454 122.04)` | Cypress | white, 6.7 to 1 |
| 8 | `#666d52` | `oklch(52.00% 0.0407 119.64)` | Sea Fern | white, 5.4 to 1 |
| 9 | `#777c64` | `oklch(57.36% 0.0358 117.14)` | Expanse | black, 4.8 to 1 |
| 10 | `#888b76` | `oklch(62.76% 0.0310 114.57)` | Sabiseiji Grey | black, 5.9 to 1 |
| 11 | `#999b88` | `oklch(68.11% 0.0263 111.95)` | Lemongrass | black, 7.3 to 1 |
| 12 | `#a9aa9b` | `oklch(73.31% 0.0218 109.30)` | Humble Hippo | black, 8.9 to 1 |
| 13 | `#b9b9ad` | `oklch(78.28% 0.0176 106.66)` | Zen Pebble | black, 10.6 to 1 |
| 14 | `#c8c8be` | `oklch(82.91% 0.0138 104.05)` | Dust Green | black, 12.4 to 1 |
| 15 | `#d6d5cd` | `oklch(87.10% 0.0104 101.50)` | Kefir | black, 14.2 to 1 |
| 16 | `#e2e1db` | `oklch(90.78% 0.0077 99.02)` | Tundra Frost | black, 15.9 to 1 |
| 17 | `#ebebe6` | `oklch(93.84% 0.0057 96.65)` | Chalk Dust | black, 17.5 to 1 |
| 18 | `#f3f2ef` | `oklch(96.18% 0.0044 94.41)` | Pearl White | black, 18.7 to 1 |
| 19 | `#f8f7f4` | `oklch(97.72% 0.0040 92.33)` | Ultra Pure White | black, 19.6 to 1 |
| 20 | `#fbfaf6` | `oklch(98.37% 0.0046 90.36)` | Unbleached | black, 20 to 1 |
| 21 | `#fbf9f5` | `oklch(98.21% 0.0062 88.29)` | Unbleached | black, 19.9 to 1 |
| 22 | `#f9f6f0` | `oklch(97.32% 0.0086 86.14)` | Foggy Pith | black, 19.4 to 1 |
| 23 | `#f5f1e8` | `oklch(95.79% 0.0117 83.92)` | Wishful White | black, 18.5 to 1 |
| 24 | `#efe9df` | `oklch(93.69% 0.0154 81.66)` | Palladian | black, 17.4 to 1 |
| 25 | `#e9e0d3` | `oklch(91.11% 0.0197 79.41)` | Mountain Peak | black, 16.1 to 1 |
| 26 | `#e1d6c6` | `oklch(88.14% 0.0245 77.17)` | Bone | black, 14.6 to 1 |
| 27 | `#d9cbb9` | `oklch(84.87% 0.0296 74.99)` | Studio Clay | black, 13.1 to 1 |
| 28 | `#d0bfaa` | `oklch(81.36% 0.0350 72.88)` | Nantucket Dune | black, 11.7 to 1 |
| 29 | `#c8b39b` | `oklch(77.72% 0.0406 70.88)` | Best Beige | black, 10.3 to 1 |
| 30 | `#bfa68c` | `oklch(74.02% 0.0463 69.01)` | Pergament | black, 9 to 1 |
| 31 | `#b69a7d` | `oklch(70.34% 0.0520 67.30)` | Coffee Clay | black, 7.8 to 1 |
| 32 | `#ad8e6f` | `oklch(66.78% 0.0575 65.78)` | River Road | black, 6.8 to 1 |
| 33 | `#a68362` | `oklch(63.41% 0.0629 64.48)` | Wooden Swing | black, 6 to 1 |
| 34 | `#9e7956` | `oklch(60.32% 0.0680 63.42)` | Prince Paris | black, 5.3 to 1 |
| 35 | `#98704b` | `oklch(57.60% 0.0727 62.64)` | Chocolate Milk | black, 4.7 to 1 |
| 36 | `#936842` | `oklch(55.32% 0.0769 62.15)` | Common Jasper | white, 4.8 to 1 |
| 37 | `#8f623a` | `oklch(53.58% 0.0806 62.00)` | Moroccan Spice | white, 5.2 to 1 |
| 38 | `#8d5f34` | `oklch(52.43% 0.0836 62.20)` | Carrageen Moss | white, 5.5 to 1 |
| 39 | `#8b5c2f` | `oklch(51.69% 0.0863 62.88)` | Treacle | white, 5.7 to 1 |
| 40 | `#8a5b2b` | `oklch(51.24% 0.0889 64.01)` | Treacle | white, 5.8 to 1 |
| 41 | `#8a5a27` | `oklch(51.06% 0.0912 65.55)` | Treacle | white, 5.8 to 1 |
| 42 | `#8a5b23` | `oklch(51.12% 0.0933 67.43)` | Treacle | white, 5.8 to 1 |
| 43 | `#8a5c20` | `oklch(51.40% 0.0953 69.61)` | Treacle | white, 5.7 to 1 |
| 44 | `#8b5e1e` | `oklch(51.85% 0.0970 72.04)` | Kumera | white, 5.6 to 1 |
| 45 | `#8b611c` | `oklch(52.46% 0.0987 74.66)` | Kumera | white, 5.4 to 1 |
| 46 | `#8c641b` | `oklch(53.18% 0.1002 77.42)` | Kumera | white, 5.3 to 1 |
| 47 | `#8d671a` | `oklch(54.01% 0.1016 80.27)` | Sassy Olive | white, 5.1 to 1 |
| 48 | `#8e6b1a` | `oklch(54.89% 0.1029 83.15)` | Sassy Olive | white, 4.9 to 1 |
| 49 | `#8f6f1c` | `oklch(55.80% 0.1040 86.02)` | Honey Yellow Green | white, 4.7 to 1 |
| 50 | `#90731d` | `oklch(56.72% 0.1051 88.81)` | Honey Yellow Green | black, 4.6 to 1 |
| 51 | `#90761f` | `oklch(57.61% 0.1061 91.49)` | Jīn Zōng Gold | black, 4.8 to 1 |
| 52 | `#917a22` | `oklch(58.45% 0.1070 93.99)` | Bhūrā Brown | black, 4.9 to 1 |
| 53 | `#917d24` | `oklch(59.20% 0.1079 96.26)` | Moscow Papyrus | black, 5.1 to 1 |
| 54 | `#918026` | `oklch(59.83% 0.1087 98.25)` | Jungle Palm | black, 5.3 to 1 |
| 55 | `#918227` | `oklch(60.32% 0.1095 99.91)` | Jungle Palm | black, 5.4 to 1 |
| 56 | `#908428` | `oklch(60.63% 0.1102 101.19)` | Jungle Palm | black, 5.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #112400 0.0%, #182a05 1.8%, #21320e 3.6%, #2c3b19 5.5%, #394525 7.3%, #475133 9.1%, #565e42 10.9%, #666d52 12.7%, #777c64 14.5%, #888b76 16.4%, #999b88 18.2%, #a9aa9b 20.0%, #b9b9ad 21.8%, #c8c8be 23.6%, #d6d5cd 25.5%, #e2e1db 27.3%, #ebebe6 29.1%, #f3f2ef 30.9%, #f8f7f4 32.7%, #fbfaf6 34.5%, #fbf9f5 36.4%, #f9f6f0 38.2%, #f5f1e8 40.0%, #efe9df 41.8%, #e9e0d3 43.6%, #e1d6c6 45.5%, #d9cbb9 47.3%, #d0bfaa 49.1%, #c8b39b 50.9%, #bfa68c 52.7%, #b69a7d 54.5%, #ad8e6f 56.4%, #a68362 58.2%, #9e7956 60.0%, #98704b 61.8%, #936842 63.6%, #8f623a 65.5%, #8d5f34 67.3%, #8b5c2f 69.1%, #8a5b2b 70.9%, #8a5a27 72.7%, #8a5b23 74.5%, #8a5c20 76.4%, #8b5e1e 78.2%, #8b611c 80.0%, #8c641b 81.8%, #8d671a 83.6%, #8e6b1a 85.5%, #8f6f1c 87.3%, #90731d 89.1%, #90761f 90.9%, #917a22 92.7%, #917d24 94.5%, #918026 96.4%, #918227 98.2%, #908428 100.0%);
background: linear-gradient(135deg in oklch, oklch(23.62% 0.0661 132.89) 0.0%, oklch(26.04% 0.0641 131.63) 1.8%, oklch(29.15% 0.0613 130.12) 3.6%, oklch(32.88% 0.0580 128.38) 5.5%, oklch(37.12% 0.0541 126.43) 7.3%, oklch(41.79% 0.0499 124.31) 9.1%, oklch(46.78% 0.0454 122.04) 10.9%, oklch(52.00% 0.0407 119.64) 12.7%, oklch(57.36% 0.0358 117.14) 14.5%, oklch(62.76% 0.0310 114.57) 16.4%, oklch(68.11% 0.0263 111.95) 18.2%, oklch(73.31% 0.0218 109.30) 20.0%, oklch(78.28% 0.0176 106.66) 21.8%, oklch(82.91% 0.0138 104.05) 23.6%, oklch(87.10% 0.0104 101.50) 25.5%, oklch(90.78% 0.0077 99.02) 27.3%, oklch(93.84% 0.0057 96.65) 29.1%, oklch(96.18% 0.0044 94.41) 30.9%, oklch(97.72% 0.0040 92.33) 32.7%, oklch(98.37% 0.0046 90.36) 34.5%, oklch(98.21% 0.0062 88.29) 36.4%, oklch(97.32% 0.0086 86.14) 38.2%, oklch(95.79% 0.0117 83.92) 40.0%, oklch(93.69% 0.0154 81.66) 41.8%, oklch(91.11% 0.0197 79.41) 43.6%, oklch(88.14% 0.0245 77.17) 45.5%, oklch(84.87% 0.0296 74.99) 47.3%, oklch(81.36% 0.0350 72.88) 49.1%, oklch(77.72% 0.0406 70.88) 50.9%, oklch(74.02% 0.0463 69.01) 52.7%, oklch(70.34% 0.0520 67.30) 54.5%, oklch(66.78% 0.0575 65.78) 56.4%, oklch(63.41% 0.0629 64.48) 58.2%, oklch(60.32% 0.0680 63.42) 60.0%, oklch(57.60% 0.0727 62.64) 61.8%, oklch(55.32% 0.0769 62.15) 63.6%, oklch(53.58% 0.0806 62.00) 65.5%, oklch(52.43% 0.0836 62.20) 67.3%, oklch(51.69% 0.0863 62.88) 69.1%, oklch(51.24% 0.0889 64.01) 70.9%, oklch(51.06% 0.0912 65.55) 72.7%, oklch(51.12% 0.0933 67.43) 74.5%, oklch(51.40% 0.0953 69.61) 76.4%, oklch(51.85% 0.0970 72.04) 78.2%, oklch(52.46% 0.0987 74.66) 80.0%, oklch(53.18% 0.1002 77.42) 81.8%, oklch(54.01% 0.1016 80.27) 83.6%, oklch(54.89% 0.1029 83.15) 85.5%, oklch(55.80% 0.1040 86.02) 87.3%, oklch(56.72% 0.1051 88.81) 89.1%, oklch(57.61% 0.1061 91.49) 90.9%, oklch(58.45% 0.1070 93.99) 92.7%, oklch(59.20% 0.1079 96.26) 94.5%, oklch(59.83% 0.1087 98.25) 96.4%, oklch(60.32% 0.1095 99.91) 98.2%, oklch(60.63% 0.1102 101.19) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.236 | 0.066 | 132.9 |
| 2 | 0.98 | 0.004 | 91.7 |
| 3 | 0.528 | 0.083 | 62.1 |
| 4 | 0.606 | 0.11 | 101.2 |

## Other forms

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