# Tan, gray and dark green linear gradient

Tan, gray and dark green linear gradient with 64 colors: #c59144, #c39548, #c09b4e, #bca156, #b8a860, #b3af6c, #aeb57a, #abbb87, #a9c195, #a9c6a2, #abcaae, #afcdb8, #b4d1c0, #b9d3c7, #bfd6cd, #c4d8d1, #c8d9d3, #cddbd6, #d1ded8, #d5e1da, #d9e4dc, #dee7de, #e2eae0, #e6ece1, #eaeee1, #eeefe1, #f1efe0, #f3efdf, #f4eddd, #f4ebdb, #f2e7d7, #eee2d2, #e7dccc, #ddd3c3, #d0c8b7, #c0bba9, #afac9b, #9c9d8c, #898d7d, #757e6f, #636e61, #526055, #43524a, #364741, #2b3d39, #243533, #1f302e, #1d2d2d, #1e2e2d, #223230, #293835, #32413d, #3e4b46, #4c5851, #5c655d, #6d746b, #7f847a, #91948a, #a3a39a, #b5b3a9, #c4c1b8, #d2cdc6, #ded8d1, #e6e0d9. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWsFI1bofLnOJNGkCE284QxQ`
- Page: https://grabient.com/kWsFI1bofLnOJNGkCE284QxQ?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: neutral
- Hues: wide
- Contrast of its darkest and lightest colors: 12.3 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 | `#c59144` | `oklch(69.29% 0.1130 74.53)` | Yellow Ochre | black, 7.5 to 1 |
| 2 | `#c39548` | `oklch(69.95% 0.1095 78.40)` | Narcissus | black, 7.7 to 1 |
| 3 | `#c09b4e` | `oklch(70.78% 0.1051 83.63)` | Fallow | black, 8 to 1 |
| 4 | `#bca156` | `oklch(71.76% 0.0998 89.99)` | Tupelo Honey | black, 8.3 to 1 |
| 5 | `#b8a860` | `oklch(72.87% 0.0937 97.25)` | Yellow Maize | black, 8.7 to 1 |
| 6 | `#b3af6c` | `oklch(74.08% 0.0872 105.19)` | Rodham | black, 9.2 to 1 |
| 7 | `#aeb57a` | `oklch(75.37% 0.0802 113.58)` | Timothy Grass | black, 9.7 to 1 |
| 8 | `#abbb87` | `oklch(76.71% 0.0730 122.20)` | Nile | black, 10.2 to 1 |
| 9 | `#a9c195` | `oklch(78.08% 0.0657 130.82)` | Seawashed Glass | black, 10.7 to 1 |
| 10 | `#a9c6a2` | `oklch(79.45% 0.0583 139.21)` | French Market | black, 11.2 to 1 |
| 11 | `#abcaae` | `oklch(80.80% 0.0512 147.16)` | Pastel Meadow | black, 11.7 to 1 |
| 12 | `#afcdb8` | `oklch(82.12% 0.0444 154.43)` | Bird’s Egg Green | black, 12.2 to 1 |
| 13 | `#b4d1c0` | `oklch(83.36% 0.0380 160.80)` | Pitcher | black, 12.7 to 1 |
| 14 | `#b9d3c7` | `oklch(84.51% 0.0322 166.04)` | Sage Bundle | black, 13.2 to 1 |
| 15 | `#bfd6cd` | `oklch(85.55% 0.0272 169.93)` | Meadow Lane | black, 13.6 to 1 |
| 16 | `#c4d8d1` | `oklch(86.44% 0.0231 172.25)` | Geyser | black, 14 to 1 |
| 17 | `#c8d9d3` | `oklch(87.18% 0.0200 172.74)` | Soft Haze | black, 14.3 to 1 |
| 18 | `#cddbd6` | `oklch(87.98% 0.0178 171.05)` | Pearly Jade | black, 14.7 to 1 |
| 19 | `#d1ded8` | `oklch(88.88% 0.0163 167.31)` | Light Spearmint Ice | black, 15.1 to 1 |
| 20 | `#d5e1da` | `oklch(89.84% 0.0154 161.85)` | Dewy | black, 15.5 to 1 |
| 21 | `#d9e4dc` | `oklch(90.83% 0.0150 154.96)` | Crystal Salt White | black, 16 to 1 |
| 22 | `#dee7de` | `oklch(91.81% 0.0152 146.98)` | Moist Silver | black, 16.5 to 1 |
| 23 | `#e2eae0` | `oklch(92.72% 0.0157 138.20)` | Wishy-Washy Green | black, 17 to 1 |
| 24 | `#e6ece1` | `oklch(93.55% 0.0165 128.96)` | Calm Thoughts | black, 17.4 to 1 |
| 25 | `#eaeee1` | `oklch(94.24% 0.0176 119.55)` | Sublime | black, 17.8 to 1 |
| 26 | `#eeefe1` | `oklch(94.74% 0.0188 110.30)` | Pearl Onion | black, 18 to 1 |
| 27 | `#f1efe0` | `oklch(95.04% 0.0200 101.51)` | Yucatan White Habañero | black, 18.2 to 1 |
| 28 | `#f3efdf` | `oklch(95.07% 0.0213 93.51)` | Yucatan White Habañero | black, 18.2 to 1 |
| 29 | `#f4eddd` | `oklch(94.81% 0.0225 86.60)` | Bone China | black, 18 to 1 |
| 30 | `#f4ebdb` | `oklch(94.20% 0.0235 81.10)` | White Blossom | black, 17.7 to 1 |
| 31 | `#f2e7d7` | `oklch(93.22% 0.0243 77.33)` | Ballet White | black, 17.1 to 1 |
| 32 | `#eee2d2` | `oklch(91.82% 0.0247 75.59)` | Alluring White | black, 16.4 to 1 |
| 33 | `#e7dccc` | `oklch(89.89% 0.0248 76.22)` | White Mocha | black, 15.4 to 1 |
| 34 | `#ddd3c3` | `oklch(87.06% 0.0248 79.32)` | Plymouth Beige | black, 14.1 to 1 |
| 35 | `#d0c8b7` | `oklch(83.42% 0.0248 84.59)` | Beige Royal | black, 12.6 to 1 |
| 36 | `#c0bba9` | `oklch(79.10% 0.0248 91.68)` | Wilderness Grey | black, 10.9 to 1 |
| 37 | `#afac9b` | `oklch(74.26% 0.0248 100.24)` | Ara Glen | black, 9.2 to 1 |
| 38 | `#9c9d8c` | `oklch(69.04% 0.0247 109.91)` | Milk Thistle | black, 7.6 to 1 |
| 39 | `#898d7d` | `oklch(63.58% 0.0246 120.37)` | Tea Leaf Mouse | black, 6.1 to 1 |
| 40 | `#757e6f` | `oklch(58.05% 0.0244 131.24)` | Camo Clay | black, 4.9 to 1 |
| 41 | `#636e61` | `oklch(52.57% 0.0243 142.20)` | Velvet Clover | white, 5.3 to 1 |
| 42 | `#526055` | `oklch(47.31% 0.0241 152.88)` | Siberian Green | white, 6.6 to 1 |
| 43 | `#43524a` | `oklch(42.40% 0.0238 162.95)` | Green Column | white, 8.2 to 1 |
| 44 | `#364741` | `oklch(38.00% 0.0236 172.04)` | Rich Grey Turquoise | white, 9.8 to 1 |
| 45 | `#2b3d39` | `oklch(34.25% 0.0233 179.83)` | Scarab | white, 11.5 to 1 |
| 46 | `#243533` | `oklch(31.30% 0.0229 185.95)` | Aztec | white, 12.8 to 1 |
| 47 | `#1f302e` | `oklch(29.30% 0.0226 190.05)` | Ardósia | white, 13.8 to 1 |
| 48 | `#1d2d2d` | `oklch(28.39% 0.0222 191.80)` | Charleston Green | white, 14.2 to 1 |
| 49 | `#1e2e2d` | `oklch(28.69% 0.0217 190.99)` | Ardósia | white, 14.1 to 1 |
| 50 | `#223230` | `oklch(30.15% 0.0211 187.94)` | Concealed Green | white, 13.4 to 1 |
| 51 | `#293835` | `oklch(32.62% 0.0205 182.95)` | Tetsu Black | white, 12.2 to 1 |
| 52 | `#32413d` | `oklch(35.95% 0.0198 176.30)` | Darkest Spruce | white, 10.7 to 1 |
| 53 | `#3e4b46` | `oklch(40.00% 0.0190 168.26)` | Deep Mooring | white, 9.1 to 1 |
| 54 | `#4c5851` | `oklch(44.64% 0.0182 159.11)` | Black Spruce | white, 7.4 to 1 |
| 55 | `#5c655d` | `oklch(49.70% 0.0173 149.14)` | Woodland Moss | white, 6 to 1 |
| 56 | `#6d746b` | `oklch(55.05% 0.0165 138.62)` | Billowing Smoke | white, 4.8 to 1 |
| 57 | `#7f847a` | `oklch(60.55% 0.0156 127.82)` | Village Green | black, 5.4 to 1 |
| 58 | `#91948a` | `oklch(66.04% 0.0148 117.04)` | Illusive Green | black, 6.7 to 1 |
| 59 | `#a3a39a` | `oklch(71.40% 0.0140 106.55)` | Tin Man | black, 8.2 to 1 |
| 60 | `#b5b3a9` | `oklch(76.46% 0.0132 96.62)` | Silver Tinsel | black, 9.9 to 1 |
| 61 | `#c4c1b8` | `oklch(81.09% 0.0126 87.55)` | Colonnade Stone | black, 11.6 to 1 |
| 62 | `#d2cdc6` | `oklch(85.14% 0.0119 79.60)` | Goose Feathers | black, 13.3 to 1 |
| 63 | `#ded8d1` | `oklch(88.48% 0.0114 73.05)` | White Woodruff | black, 14.8 to 1 |
| 64 | `#e6e0d9` | `oklch(90.94% 0.0110 68.19)` | Zürich White | black, 16 to 1 |

## CSS

```css
background: linear-gradient(135deg, #c59144 0.0%, #c39548 1.6%, #c09b4e 3.2%, #bca156 4.8%, #b8a860 6.3%, #b3af6c 7.9%, #aeb57a 9.5%, #abbb87 11.1%, #a9c195 12.7%, #a9c6a2 14.3%, #abcaae 15.9%, #afcdb8 17.5%, #b4d1c0 19.0%, #b9d3c7 20.6%, #bfd6cd 22.2%, #c4d8d1 23.8%, #c8d9d3 25.4%, #cddbd6 27.0%, #d1ded8 28.6%, #d5e1da 30.2%, #d9e4dc 31.7%, #dee7de 33.3%, #e2eae0 34.9%, #e6ece1 36.5%, #eaeee1 38.1%, #eeefe1 39.7%, #f1efe0 41.3%, #f3efdf 42.9%, #f4eddd 44.4%, #f4ebdb 46.0%, #f2e7d7 47.6%, #eee2d2 49.2%, #e7dccc 50.8%, #ddd3c3 52.4%, #d0c8b7 54.0%, #c0bba9 55.6%, #afac9b 57.1%, #9c9d8c 58.7%, #898d7d 60.3%, #757e6f 61.9%, #636e61 63.5%, #526055 65.1%, #43524a 66.7%, #364741 68.3%, #2b3d39 69.8%, #243533 71.4%, #1f302e 73.0%, #1d2d2d 74.6%, #1e2e2d 76.2%, #223230 77.8%, #293835 79.4%, #32413d 81.0%, #3e4b46 82.5%, #4c5851 84.1%, #5c655d 85.7%, #6d746b 87.3%, #7f847a 88.9%, #91948a 90.5%, #a3a39a 92.1%, #b5b3a9 93.7%, #c4c1b8 95.2%, #d2cdc6 96.8%, #ded8d1 98.4%, #e6e0d9 100.0%);
background: linear-gradient(135deg in oklch, oklch(69.29% 0.1130 74.53) 0.0%, oklch(69.95% 0.1095 78.40) 1.6%, oklch(70.78% 0.1051 83.63) 3.2%, oklch(71.76% 0.0998 89.99) 4.8%, oklch(72.87% 0.0937 97.25) 6.3%, oklch(74.08% 0.0872 105.19) 7.9%, oklch(75.37% 0.0802 113.58) 9.5%, oklch(76.71% 0.0730 122.20) 11.1%, oklch(78.08% 0.0657 130.82) 12.7%, oklch(79.45% 0.0583 139.21) 14.3%, oklch(80.80% 0.0512 147.16) 15.9%, oklch(82.12% 0.0444 154.43) 17.5%, oklch(83.36% 0.0380 160.80) 19.0%, oklch(84.51% 0.0322 166.04) 20.6%, oklch(85.55% 0.0272 169.93) 22.2%, oklch(86.44% 0.0231 172.25) 23.8%, oklch(87.18% 0.0200 172.74) 25.4%, oklch(87.98% 0.0178 171.05) 27.0%, oklch(88.88% 0.0163 167.31) 28.6%, oklch(89.84% 0.0154 161.85) 30.2%, oklch(90.83% 0.0150 154.96) 31.7%, oklch(91.81% 0.0152 146.98) 33.3%, oklch(92.72% 0.0157 138.20) 34.9%, oklch(93.55% 0.0165 128.96) 36.5%, oklch(94.24% 0.0176 119.55) 38.1%, oklch(94.74% 0.0188 110.30) 39.7%, oklch(95.04% 0.0200 101.51) 41.3%, oklch(95.07% 0.0213 93.51) 42.9%, oklch(94.81% 0.0225 86.60) 44.4%, oklch(94.20% 0.0235 81.10) 46.0%, oklch(93.22% 0.0243 77.33) 47.6%, oklch(91.82% 0.0247 75.59) 49.2%, oklch(89.89% 0.0248 76.22) 50.8%, oklch(87.06% 0.0248 79.32) 52.4%, oklch(83.42% 0.0248 84.59) 54.0%, oklch(79.10% 0.0248 91.68) 55.6%, oklch(74.26% 0.0248 100.24) 57.1%, oklch(69.04% 0.0247 109.91) 58.7%, oklch(63.58% 0.0246 120.37) 60.3%, oklch(58.05% 0.0244 131.24) 61.9%, oklch(52.57% 0.0243 142.20) 63.5%, oklch(47.31% 0.0241 152.88) 65.1%, oklch(42.40% 0.0238 162.95) 66.7%, oklch(38.00% 0.0236 172.04) 68.3%, oklch(34.25% 0.0233 179.83) 69.8%, oklch(31.30% 0.0229 185.95) 71.4%, oklch(29.30% 0.0226 190.05) 73.0%, oklch(28.39% 0.0222 191.80) 74.6%, oklch(28.69% 0.0217 190.99) 76.2%, oklch(30.15% 0.0211 187.94) 77.8%, oklch(32.62% 0.0205 182.95) 79.4%, oklch(35.95% 0.0198 176.30) 81.0%, oklch(40.00% 0.0190 168.26) 82.5%, oklch(44.64% 0.0182 159.11) 84.1%, oklch(49.70% 0.0173 149.14) 85.7%, oklch(55.05% 0.0165 138.62) 87.3%, oklch(60.55% 0.0156 127.82) 88.9%, oklch(66.04% 0.0148 117.04) 90.5%, oklch(71.40% 0.0140 106.55) 92.1%, oklch(76.46% 0.0132 96.62) 93.7%, oklch(81.09% 0.0126 87.55) 95.2%, oklch(85.14% 0.0119 79.60) 96.8%, oklch(88.48% 0.0114 73.05) 98.4%, oklch(90.94% 0.0110 68.19) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.693 | 0.113 | 74.5 |
| 2 | 0.87 | 0.021 | 172.8 |
| 3 | 0.909 | 0.025 | 75.6 |
| 4 | 0.283 | 0.022 | 191.8 |
| 5 | 0.909 | 0.011 | 68.2 |

## Other forms

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