# Analogous tan, olive, gray and green linear gradient

Analogous tan, olive, gray and green linear gradient with 64 colors: #acaa78, #acaa76, #aba974, #aaa872, #a9a86f, #a8a76c, #a7a669, #a6a566, #a5a462, #a3a25f, #a2a15b, #a09f58, #9d9d54, #9b9b51, #98984d, #95954a, #919247, #8d8d44, #878841, #81813d, #7a7a39, #737335, #6c6b31, #65642e, #5e5d2b, #575628, #515026, #4b4b24, #474623, #434322, #414222, #404223, #414326, #43472a, #474d2f, #4d5536, #535e3f, #5a6949, #627553, #69815f, #718e6c, #789b78, #80a784, #86b390, #8cbd9b, #90c6a3, #94ccaa, #96d1ae, #97d2ae, #96d1ac, #95cfa7, #93caa0, #91c597, #8fbe8d, #8cb682, #89ad77, #86a46b, #849b60, #819355, #7e8a4b, #7c8342, #797c3a, #787734, #76732f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWuTJL0iPAS8RQDnHMVxSC5w`
- Page: https://grabient.com/kWuTJL0iPAS8RQDnHMVxSC5w?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: dark center
- Hues: analogous
- Contrast of its darkest and lightest colors: 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 | `#acaa78` | `oklch(72.83% 0.0689 106.17)` | Cardamom | black, 8.8 to 1 |
| 2 | `#acaa76` | `oklch(72.58% 0.0701 106.29)` | Cardamom | black, 8.7 to 1 |
| 3 | `#aba974` | `oklch(72.32% 0.0717 106.43)` | Cardamom | black, 8.6 to 1 |
| 4 | `#aaa872` | `oklch(72.06% 0.0738 106.59)` | Cardamom | black, 8.5 to 1 |
| 5 | `#a9a86f` | `oklch(71.78% 0.0761 106.78)` | Cardamom | black, 8.4 to 1 |
| 6 | `#a8a76c` | `oklch(71.48% 0.0787 106.98)` | Elf Slippers | black, 8.3 to 1 |
| 7 | `#a7a669` | `oklch(71.16% 0.0814 107.20)` | Wholemeal Cookie | black, 8.3 to 1 |
| 8 | `#a6a566` | `oklch(70.79% 0.0842 107.42)` | Wholemeal Cookie | black, 8.1 to 1 |
| 9 | `#a5a462` | `oklch(70.37% 0.0869 107.65)` | Rickrack | black, 8 to 1 |
| 10 | `#a3a25f` | `oklch(69.89% 0.0895 107.89)` | Gothic Revival Green | black, 7.9 to 1 |
| 11 | `#a2a15b` | `oklch(69.35% 0.0919 108.13)` | Gothic Revival Green | black, 7.7 to 1 |
| 12 | `#a09f58` | `oklch(68.74% 0.0941 108.36)` | Garden of Earthly Delights | black, 7.6 to 1 |
| 13 | `#9d9d54` | `oklch(68.05% 0.0958 108.59)` | Lazy Lizard | black, 7.4 to 1 |
| 14 | `#9b9b51` | `oklch(67.26% 0.0972 108.81)` | Lazy Lizard | black, 7.1 to 1 |
| 15 | `#98984d` | `oklch(66.38% 0.0980 109.02)` | Luau Green | black, 6.9 to 1 |
| 16 | `#95954a` | `oklch(65.39% 0.0982 109.21)` | Ancient Maze | black, 6.6 to 1 |
| 17 | `#919247` | `oklch(64.27% 0.0976 109.38)` | April Hills | black, 6.4 to 1 |
| 18 | `#8d8d44` | `oklch(62.82% 0.0962 109.42)` | Cute Pixie | black, 6 to 1 |
| 19 | `#878841` | `oklch(61.02% 0.0940 109.31)` | Overgrown Citadel | black, 5.6 to 1 |
| 20 | `#81813d` | `oklch(58.92% 0.0911 109.10)` | Green Commando | black, 5.1 to 1 |
| 21 | `#7a7a39` | `oklch(56.61% 0.0876 108.81)` | Evening Green | black, 4.6 to 1 |
| 22 | `#737335` | `oklch(54.16% 0.0837 108.48)` | Crocodile Style | white, 4.9 to 1 |
| 23 | `#6c6b31` | `oklch(51.62% 0.0794 108.15)` | Safari Green | white, 5.5 to 1 |
| 24 | `#65642e` | `oklch(49.08% 0.0750 107.85)` | Gretchin Green | white, 6.1 to 1 |
| 25 | `#5e5d2b` | `oklch(46.60% 0.0705 107.61)` | Costa Del Sol | white, 6.8 to 1 |
| 26 | `#575628` | `oklch(44.25% 0.0660 107.48)` | Soldier Green | white, 7.6 to 1 |
| 27 | `#515026` | `oklch(42.10% 0.0617 107.48)` | Warplock Bronze | white, 8.3 to 1 |
| 28 | `#4b4b24` | `oklch(40.22% 0.0577 107.65)` | Bronze Tone | white, 9 to 1 |
| 29 | `#474623` | `oklch(38.69% 0.0542 108.02)` | Nori Seaweed Green | white, 9.6 to 1 |
| 30 | `#434322` | `oklch(37.56% 0.0511 108.64)` | Strong Tone Wash | white, 10.1 to 1 |
| 31 | `#414222` | `oklch(36.92% 0.0488 109.53)` | Strong Tone Wash | white, 10.3 to 1 |
| 32 | `#404223` | `oklch(36.83% 0.0473 110.73)` | Strong Tone Wash | white, 10.4 to 1 |
| 33 | `#414326` | `oklch(37.38% 0.0466 112.32)` | Strong Tone Wash | white, 10.1 to 1 |
| 34 | `#43472a` | `oklch(38.71% 0.0467 114.56)` | Nori Seaweed Green | white, 9.6 to 1 |
| 35 | `#474d2f` | `oklch(40.73% 0.0475 117.38)` | Matsuba Green | white, 8.8 to 1 |
| 36 | `#4d5536` | `oklch(43.35% 0.0487 120.69)` | Chive | white, 7.8 to 1 |
| 37 | `#535e3f` | `oklch(46.45% 0.0505 124.37)` | Cypress | white, 6.8 to 1 |
| 38 | `#5a6949` | `oklch(49.92% 0.0526 128.31)` | Olympia Ivy | white, 5.9 to 1 |
| 39 | `#627553` | `oklch(53.65% 0.0551 132.40)` | Vineyard Green | white, 5 to 1 |
| 40 | `#69815f` | `oklch(57.53% 0.0578 136.53)` | Tuscan Herbs | black, 4.9 to 1 |
| 41 | `#718e6c` | `oklch(61.46% 0.0606 140.60)` | Forest Path | black, 5.7 to 1 |
| 42 | `#789b78` | `oklch(65.32% 0.0635 144.49)` | Jade Green | black, 6.7 to 1 |
| 43 | `#80a784` | `oklch(69.00% 0.0664 148.09)` | Greyish Green | black, 7.7 to 1 |
| 44 | `#86b390` | `oklch(72.40% 0.0693 151.30)` | King Theo | black, 8.8 to 1 |
| 45 | `#8cbd9b` | `oklch(75.40% 0.0719 153.99)` | Garden Swing | black, 9.8 to 1 |
| 46 | `#90c6a3` | `oklch(77.90% 0.0744 156.08)` | Delltone | black, 10.7 to 1 |
| 47 | `#94ccaa` | `oklch(79.78% 0.0765 157.44)` | Peppermint Spray | black, 11.5 to 1 |
| 48 | `#96d1ae` | `oklch(80.94% 0.0782 157.96)` | Heath Green | black, 11.9 to 1 |
| 49 | `#97d2ae` | `oklch(81.33% 0.0795 157.55)` | Vista Blue | black, 12.1 to 1 |
| 50 | `#96d1ac` | `oklch(81.09% 0.0807 156.23)` | Heath Green | black, 12 to 1 |
| 51 | `#95cfa7` | `oklch(80.31% 0.0818 154.11)` | Heath Green | black, 11.7 to 1 |
| 52 | `#93caa0` | `oklch(79.05% 0.0828 151.30)` | Irish Spring | black, 11.2 to 1 |
| 53 | `#91c597` | `oklch(77.39% 0.0837 147.92)` | Velvet Leaf | black, 10.6 to 1 |
| 54 | `#8fbe8d` | `oklch(75.41% 0.0846 144.09)` | Green Masquerade | black, 9.8 to 1 |
| 55 | `#8cb682` | `oklch(73.18% 0.0853 139.92)` | Aniseed Leaf Green | black, 9.1 to 1 |
| 56 | `#89ad77` | `oklch(70.78% 0.0860 135.53)` | Cressida | black, 8.3 to 1 |
| 57 | `#86a46b` | `oklch(68.28% 0.0866 131.03)` | Perennial Garden | black, 7.5 to 1 |
| 58 | `#849b60` | `oklch(65.76% 0.0871 126.53)` | Walking Dead | black, 6.8 to 1 |
| 59 | `#819355` | `oklch(63.29% 0.0876 122.16)` | Pretty Maiden | black, 6.2 to 1 |
| 60 | `#7e8a4b` | `oklch(60.94% 0.0880 118.03)` | Field Maple | black, 5.6 to 1 |
| 61 | `#7c8342` | `oklch(58.80% 0.0885 114.25)` | Fresh Artichoke | black, 5.1 to 1 |
| 62 | `#797c3a` | `oklch(56.93% 0.0888 110.93)` | Evening Green | black, 4.7 to 1 |
| 63 | `#787734` | `oklch(55.42% 0.0892 108.20)` | Jungle Look | white, 4.7 to 1 |
| 64 | `#76732f` | `oklch(54.33% 0.0896 106.17)` | Wood Garlic | white, 4.9 to 1 |

## CSS

```css
background: linear-gradient(225deg, #acaa78 0.0%, #acaa76 1.6%, #aba974 3.2%, #aaa872 4.8%, #a9a86f 6.3%, #a8a76c 7.9%, #a7a669 9.5%, #a6a566 11.1%, #a5a462 12.7%, #a3a25f 14.3%, #a2a15b 15.9%, #a09f58 17.5%, #9d9d54 19.0%, #9b9b51 20.6%, #98984d 22.2%, #95954a 23.8%, #919247 25.4%, #8d8d44 27.0%, #878841 28.6%, #81813d 30.2%, #7a7a39 31.7%, #737335 33.3%, #6c6b31 34.9%, #65642e 36.5%, #5e5d2b 38.1%, #575628 39.7%, #515026 41.3%, #4b4b24 42.9%, #474623 44.4%, #434322 46.0%, #414222 47.6%, #404223 49.2%, #414326 50.8%, #43472a 52.4%, #474d2f 54.0%, #4d5536 55.6%, #535e3f 57.1%, #5a6949 58.7%, #627553 60.3%, #69815f 61.9%, #718e6c 63.5%, #789b78 65.1%, #80a784 66.7%, #86b390 68.3%, #8cbd9b 69.8%, #90c6a3 71.4%, #94ccaa 73.0%, #96d1ae 74.6%, #97d2ae 76.2%, #96d1ac 77.8%, #95cfa7 79.4%, #93caa0 81.0%, #91c597 82.5%, #8fbe8d 84.1%, #8cb682 85.7%, #89ad77 87.3%, #86a46b 88.9%, #849b60 90.5%, #819355 92.1%, #7e8a4b 93.7%, #7c8342 95.2%, #797c3a 96.8%, #787734 98.4%, #76732f 100.0%);
background: linear-gradient(225deg in oklch, oklch(72.83% 0.0689 106.17) 0.0%, oklch(72.58% 0.0701 106.29) 1.6%, oklch(72.32% 0.0717 106.43) 3.2%, oklch(72.06% 0.0738 106.59) 4.8%, oklch(71.78% 0.0761 106.78) 6.3%, oklch(71.48% 0.0787 106.98) 7.9%, oklch(71.16% 0.0814 107.20) 9.5%, oklch(70.79% 0.0842 107.42) 11.1%, oklch(70.37% 0.0869 107.65) 12.7%, oklch(69.89% 0.0895 107.89) 14.3%, oklch(69.35% 0.0919 108.13) 15.9%, oklch(68.74% 0.0941 108.36) 17.5%, oklch(68.05% 0.0958 108.59) 19.0%, oklch(67.26% 0.0972 108.81) 20.6%, oklch(66.38% 0.0980 109.02) 22.2%, oklch(65.39% 0.0982 109.21) 23.8%, oklch(64.27% 0.0976 109.38) 25.4%, oklch(62.82% 0.0962 109.42) 27.0%, oklch(61.02% 0.0940 109.31) 28.6%, oklch(58.92% 0.0911 109.10) 30.2%, oklch(56.61% 0.0876 108.81) 31.7%, oklch(54.16% 0.0837 108.48) 33.3%, oklch(51.62% 0.0794 108.15) 34.9%, oklch(49.08% 0.0750 107.85) 36.5%, oklch(46.60% 0.0705 107.61) 38.1%, oklch(44.25% 0.0660 107.48) 39.7%, oklch(42.10% 0.0617 107.48) 41.3%, oklch(40.22% 0.0577 107.65) 42.9%, oklch(38.69% 0.0542 108.02) 44.4%, oklch(37.56% 0.0511 108.64) 46.0%, oklch(36.92% 0.0488 109.53) 47.6%, oklch(36.83% 0.0473 110.73) 49.2%, oklch(37.38% 0.0466 112.32) 50.8%, oklch(38.71% 0.0467 114.56) 52.4%, oklch(40.73% 0.0475 117.38) 54.0%, oklch(43.35% 0.0487 120.69) 55.6%, oklch(46.45% 0.0505 124.37) 57.1%, oklch(49.92% 0.0526 128.31) 58.7%, oklch(53.65% 0.0551 132.40) 60.3%, oklch(57.53% 0.0578 136.53) 61.9%, oklch(61.46% 0.0606 140.60) 63.5%, oklch(65.32% 0.0635 144.49) 65.1%, oklch(69.00% 0.0664 148.09) 66.7%, oklch(72.40% 0.0693 151.30) 68.3%, oklch(75.40% 0.0719 153.99) 69.8%, oklch(77.90% 0.0744 156.08) 71.4%, oklch(79.78% 0.0765 157.44) 73.0%, oklch(80.94% 0.0782 157.96) 74.6%, oklch(81.33% 0.0795 157.55) 76.2%, oklch(81.09% 0.0807 156.23) 77.8%, oklch(80.31% 0.0818 154.11) 79.4%, oklch(79.05% 0.0828 151.30) 81.0%, oklch(77.39% 0.0837 147.92) 82.5%, oklch(75.41% 0.0846 144.09) 84.1%, oklch(73.18% 0.0853 139.92) 85.7%, oklch(70.78% 0.0860 135.53) 87.3%, oklch(68.28% 0.0866 131.03) 88.9%, oklch(65.76% 0.0871 126.53) 90.5%, oklch(63.29% 0.0876 122.16) 92.1%, oklch(60.94% 0.0880 118.03) 93.7%, oklch(58.80% 0.0885 114.25) 95.2%, oklch(56.93% 0.0888 110.93) 96.8%, oklch(55.42% 0.0892 108.20) 98.4%, oklch(54.33% 0.0896 106.17) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.728 | 0.069 | 106.2 |
| 2 | 0.646 | 0.098 | 109.3 |
| 3 | 0.37 | 0.047 | 111.5 |
| 4 | 0.811 | 0.079 | 158 |
| 5 | 0.543 | 0.09 | 106.2 |

## Other forms

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