# Dark field green amber fade

Gray, teal, dark green and brown linear gradient with 48 colors: #888157, #848056, #7f7e56, #797c55, #727954, #6b7754, #637454, #5c7054, #546c54, #4d6854, #466453, #405f53, #3b5a52, #365650, #33514f, #304c4d, #2d484b, #2b4448, #294146, #283e44, #273b42, #253941, #243840, #24373f, #23373f, #22383f, #223940, #213b41, #213d42, #204043, #214444, #224744, #254b43, #294f42, #2f5340, #37573e, #405a3b, #4a5d38, #556035, #5f6232, #6a6430, #756530, #7e6630, #876633, #8f6736, #95673a, #9b683e, #9f6842. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray, teal, dark green and brown linear gradient
- Seed: `kSmCtHKQrO0ggK6`
- Page: https://grabient.com/kSmCtHKQrO0ggK6?steps=48&angle=45
- Drawn as: linear gradient, 48 steps, 45 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 3.1 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 | `#888157` | `oklch(59.84% 0.0593 99.84)` | Aged Eucalyptus | black, 5.3 to 1 |
| 2 | `#848056` | `oklch(59.16% 0.0585 103.00)` | Xena | black, 5.1 to 1 |
| 3 | `#7f7e56` | `oklch(58.31% 0.0575 107.05)` | Tambo Tank | black, 5 to 1 |
| 4 | `#797c55` | `oklch(57.29% 0.0562 111.90)` | Bonsai | black, 4.8 to 1 |
| 5 | `#727954` | `oklch(56.14% 0.0548 117.45)` | Kariyasu Green | black, 4.6 to 1 |
| 6 | `#6b7754` | `oklch(54.87% 0.0532 123.60)` | Dill | white, 4.8 to 1 |
| 7 | `#637454` | `oklch(53.50% 0.0515 130.26)` | Vineyard Green | white, 5 to 1 |
| 8 | `#5c7054` | `oklch(52.04% 0.0497 137.32)` | Cactus | white, 5.3 to 1 |
| 9 | `#546c54` | `oklch(50.52% 0.0478 144.69)` | Daylight Jungle | white, 5.7 to 1 |
| 10 | `#4d6854` | `oklch(48.95% 0.0458 152.27)` | Kale Green | white, 6.1 to 1 |
| 11 | `#466453` | `oklch(47.35% 0.0438 159.97)` | Cucumber Green | white, 6.5 to 1 |
| 12 | `#405f53` | `oklch(45.74% 0.0419 167.68)` | Emerson | white, 7 to 1 |
| 13 | `#3b5a52` | `oklch(44.14% 0.0399 175.31)` | Iridescent | white, 7.5 to 1 |
| 14 | `#365650` | `oklch(42.57% 0.0380 182.77)` | Balsam Branch | white, 8 to 1 |
| 15 | `#33514f` | `oklch(41.04% 0.0362 189.94)` | Blue Dianne | white, 8.6 to 1 |
| 16 | `#304c4d` | `oklch(39.57% 0.0346 196.74)` | Tree Bark Green | white, 9.2 to 1 |
| 17 | `#2d484b` | `oklch(38.19% 0.0330 203.07)` | Dad’s Coupe | white, 9.7 to 1 |
| 18 | `#2b4448` | `oklch(36.91% 0.0317 208.83)` | Little Mermaid | white, 10.3 to 1 |
| 19 | `#294146` | `oklch(35.74% 0.0305 213.91)` | Japanese Indigo | white, 10.8 to 1 |
| 20 | `#283e44` | `oklch(34.72% 0.0296 218.24)` | Cool Current | white, 11.3 to 1 |
| 21 | `#273b42` | `oklch(33.85% 0.0289 221.70)` | Cool Current | white, 11.7 to 1 |
| 22 | `#253941` | `oklch(33.15% 0.0285 224.20)` | Astral Nomad | white, 12 to 1 |
| 23 | `#243840` | `oklch(32.64% 0.0284 225.64)` | Astral Nomad | white, 12.2 to 1 |
| 24 | `#24373f` | `oklch(32.35% 0.0287 225.92)` | Petrol Slumber | white, 12.4 to 1 |
| 25 | `#23373f` | `oklch(32.28% 0.0293 224.94)` | Petrol Slumber | white, 12.4 to 1 |
| 26 | `#22383f` | `oklch(32.43% 0.0303 222.65)` | Astral Nomad | white, 12.3 to 1 |
| 27 | `#223940` | `oklch(32.80% 0.0317 219.13)` | Astral Nomad | white, 12.1 to 1 |
| 28 | `#213b41` | `oklch(33.35% 0.0335 214.50)` | Royal Neptune | white, 11.9 to 1 |
| 29 | `#213d42` | `oklch(34.07% 0.0356 208.86)` | Sunken Harbour | white, 11.5 to 1 |
| 30 | `#204043` | `oklch(34.94% 0.0379 202.33)` | Pine Hollow | white, 11.1 to 1 |
| 31 | `#214444` | `oklch(35.95% 0.0405 195.00)` | Metal Deluxe | white, 10.6 to 1 |
| 32 | `#224744` | `oklch(37.08% 0.0433 186.99)` | Platoon Green | white, 10.1 to 1 |
| 33 | `#254b43` | `oklch(38.30% 0.0462 178.41)` | Blackboard Green | white, 9.6 to 1 |
| 34 | `#294f42` | `oklch(39.61% 0.0493 169.36)` | Hunt Club | white, 9.1 to 1 |
| 35 | `#2f5340` | `oklch(40.98% 0.0526 159.95)` | Fresh Mint | white, 8.5 to 1 |
| 36 | `#37573e` | `oklch(42.41% 0.0558 150.30)` | O’Neal Green | white, 8 to 1 |
| 37 | `#405a3b` | `oklch(43.86% 0.0592 140.50)` | Ficus | white, 7.6 to 1 |
| 38 | `#4a5d38` | `oklch(45.32% 0.0625 130.68)` | Stinging Nettle | white, 7.1 to 1 |
| 39 | `#556035` | `oklch(46.77% 0.0658 120.92)` | Inverness | white, 6.7 to 1 |
| 40 | `#5f6232` | `oklch(48.20% 0.0690 111.35)` | Basque Green | white, 6.3 to 1 |
| 41 | `#6a6430` | `oklch(49.60% 0.0721 102.08)` | Jungle Civilization | white, 6 to 1 |
| 42 | `#756530` | `oklch(50.93% 0.0751 93.20)` | Himalaya | white, 5.7 to 1 |
| 43 | `#7e6630` | `oklch(52.18% 0.0779 84.83)` | By Gum | white, 5.4 to 1 |
| 44 | `#876633` | `oklch(53.34% 0.0805 77.08)` | Dirt Brown | white, 5.2 to 1 |
| 45 | `#8f6736` | `oklch(54.39% 0.0829 70.05)` | Beagle Brown | white, 5 to 1 |
| 46 | `#95673a` | `oklch(55.31% 0.0850 63.86)` | Buddy Buddy | white, 4.8 to 1 |
| 47 | `#9b683e` | `oklch(56.09% 0.0867 58.61)` | Frappé au Chocolat | white, 4.7 to 1 |
| 48 | `#9f6842` | `oklch(56.69% 0.0882 54.40)` | Bottled Ship | white, 4.6 to 1 |

## CSS

```css
background: linear-gradient(45deg, #888157 0.0%, #848056 2.1%, #7f7e56 4.3%, #797c55 6.4%, #727954 8.5%, #6b7754 10.6%, #637454 12.8%, #5c7054 14.9%, #546c54 17.0%, #4d6854 19.1%, #466453 21.3%, #405f53 23.4%, #3b5a52 25.5%, #365650 27.7%, #33514f 29.8%, #304c4d 31.9%, #2d484b 34.0%, #2b4448 36.2%, #294146 38.3%, #283e44 40.4%, #273b42 42.6%, #253941 44.7%, #243840 46.8%, #24373f 48.9%, #23373f 51.1%, #22383f 53.2%, #223940 55.3%, #213b41 57.4%, #213d42 59.6%, #204043 61.7%, #214444 63.8%, #224744 66.0%, #254b43 68.1%, #294f42 70.2%, #2f5340 72.3%, #37573e 74.5%, #405a3b 76.6%, #4a5d38 78.7%, #556035 80.9%, #5f6232 83.0%, #6a6430 85.1%, #756530 87.2%, #7e6630 89.4%, #876633 91.5%, #8f6736 93.6%, #95673a 95.7%, #9b683e 97.9%, #9f6842 100.0%);
background: linear-gradient(45deg in oklch, oklch(59.84% 0.0593 99.84) 0.0%, oklch(59.16% 0.0585 103.00) 2.1%, oklch(58.31% 0.0575 107.05) 4.3%, oklch(57.29% 0.0562 111.90) 6.4%, oklch(56.14% 0.0548 117.45) 8.5%, oklch(54.87% 0.0532 123.60) 10.6%, oklch(53.50% 0.0515 130.26) 12.8%, oklch(52.04% 0.0497 137.32) 14.9%, oklch(50.52% 0.0478 144.69) 17.0%, oklch(48.95% 0.0458 152.27) 19.1%, oklch(47.35% 0.0438 159.97) 21.3%, oklch(45.74% 0.0419 167.68) 23.4%, oklch(44.14% 0.0399 175.31) 25.5%, oklch(42.57% 0.0380 182.77) 27.7%, oklch(41.04% 0.0362 189.94) 29.8%, oklch(39.57% 0.0346 196.74) 31.9%, oklch(38.19% 0.0330 203.07) 34.0%, oklch(36.91% 0.0317 208.83) 36.2%, oklch(35.74% 0.0305 213.91) 38.3%, oklch(34.72% 0.0296 218.24) 40.4%, oklch(33.85% 0.0289 221.70) 42.6%, oklch(33.15% 0.0285 224.20) 44.7%, oklch(32.64% 0.0284 225.64) 46.8%, oklch(32.35% 0.0287 225.92) 48.9%, oklch(32.28% 0.0293 224.94) 51.1%, oklch(32.43% 0.0303 222.65) 53.2%, oklch(32.80% 0.0317 219.13) 55.3%, oklch(33.35% 0.0335 214.50) 57.4%, oklch(34.07% 0.0356 208.86) 59.6%, oklch(34.94% 0.0379 202.33) 61.7%, oklch(35.95% 0.0405 195.00) 63.8%, oklch(37.08% 0.0433 186.99) 66.0%, oklch(38.30% 0.0462 178.41) 68.1%, oklch(39.61% 0.0493 169.36) 70.2%, oklch(40.98% 0.0526 159.95) 72.3%, oklch(42.41% 0.0558 150.30) 74.5%, oklch(43.86% 0.0592 140.50) 76.6%, oklch(45.32% 0.0625 130.68) 78.7%, oklch(46.77% 0.0658 120.92) 80.9%, oklch(48.20% 0.0690 111.35) 83.0%, oklch(49.60% 0.0721 102.08) 85.1%, oklch(50.93% 0.0751 93.20) 87.2%, oklch(52.18% 0.0779 84.83) 89.4%, oklch(53.34% 0.0805 77.08) 91.5%, oklch(54.39% 0.0829 70.05) 93.6%, oklch(55.31% 0.0850 63.86) 95.7%, oklch(56.09% 0.0867 58.61) 97.9%, oklch(56.69% 0.0882 54.40) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.598 | 0.059 | 99.8 |
| 2 | 0.323 | 0.029 | 225.6 |
| 3 | 0.567 | 0.088 | 54.4 |

## In these collections

- [Khaki coded](https://grabient.com/khaki-coded)

## Other forms

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