# Olive peach tan gradient

Gray, tan and black linear gradient with 64 colors: #787c71, #797d72, #7b7f73, #7e8174, #808476, #848777, #878a79, #8b8d7b, #8f917d, #94947f, #989881, #9d9c83, #a2a085, #a8a487, #ada789, #b3ab8b, #b9af8d, #beb290, #c4b592, #cab994, #cfbb95, #d4be97, #d9c099, #ddc29a, #e2c49c, #e5c59d, #e8c69e, #ebc69f, #edc69f, #eec69f, #eec59f, #edc39e, #ecc19d, #eabe9b, #e7ba99, #e3b696, #deb293, #d8ad90, #d2a78c, #cba188, #c49b83, #bc957e, #b48e79, #ac8774, #a4806e, #9b7968, #927263, #896b5d, #806457, #775d52, #6f574c, #665046, #5e4a41, #56443c, #4f3e37, #473832, #41332d, #3a2e29, #342925, #2f2522, #2a221e, #261e1c, #221b19, #1f1917. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray, tan and black linear gradient
- Seed: `kSkwxX6xk4pwEPU`
- Page: https://grabient.com/kSkwxX6xk4pwEPU?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: light center, muted, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.8 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 | `#787c71` | `oklch(57.87% 0.0165 123.05)` | Tapa | black, 4.9 to 1 |
| 2 | `#797d72` | `oklch(58.36% 0.0175 121.99)` | Tapa | black, 5 to 1 |
| 3 | `#7b7f73` | `oklch(58.98% 0.0186 120.79)` | Retreat | black, 5.1 to 1 |
| 4 | `#7e8174` | `oklch(59.72% 0.0199 119.44)` | Sage Slate | black, 5.2 to 1 |
| 5 | `#808476` | `oklch(60.57% 0.0214 117.95)` | Leafy Lichen | black, 5.4 to 1 |
| 6 | `#848777` | `oklch(61.52% 0.0231 116.35)` | Cottage Lattice Green | black, 5.6 to 1 |
| 7 | `#878a79` | `oklch(62.55% 0.0249 114.62)` | Kosher Khaki | black, 5.9 to 1 |
| 8 | `#8b8d7b` | `oklch(63.66% 0.0268 112.80)` | Tea Leaf Mouse | black, 6.1 to 1 |
| 9 | `#8f917d` | `oklch(64.84% 0.0288 110.87)` | Farmer’s Market | black, 6.4 to 1 |
| 10 | `#94947f` | `oklch(66.07% 0.0309 108.86)` | Restoration | black, 6.8 to 1 |
| 11 | `#989881` | `oklch(67.34% 0.0331 106.78)` | Canyon Falls | black, 7.1 to 1 |
| 12 | `#9d9c83` | `oklch(68.65% 0.0353 104.62)` | Battle Harbour | black, 7.5 to 1 |
| 13 | `#a2a085` | `oklch(69.98% 0.0376 102.42)` | Rigby Ridge | black, 7.8 to 1 |
| 14 | `#a8a487` | `oklch(71.31% 0.0399 100.16)` | Herbes | black, 8.2 to 1 |
| 15 | `#ada789` | `oklch(72.65% 0.0423 97.86)` | Bland | black, 8.7 to 1 |
| 16 | `#b3ab8b` | `oklch(73.97% 0.0446 95.54)` | Bayberry Wax | black, 9.1 to 1 |
| 17 | `#b9af8d` | `oklch(75.27% 0.0469 93.20)` | Hemp Fabric | black, 9.5 to 1 |
| 18 | `#beb290` | `oklch(76.54% 0.0492 90.85)` | Trailblazer | black, 9.9 to 1 |
| 19 | `#c4b592` | `oklch(77.76% 0.0514 88.50)` | Withered Moss | black, 10.4 to 1 |
| 20 | `#cab994` | `oklch(78.93% 0.0536 86.17)` | Veranda Hills | black, 10.8 to 1 |
| 21 | `#cfbb95` | `oklch(80.02% 0.0557 83.85)` | Thermos | black, 11.2 to 1 |
| 22 | `#d4be97` | `oklch(81.04% 0.0577 81.56)` | Pebble Path | black, 11.6 to 1 |
| 23 | `#d9c099` | `oklch(81.97% 0.0596 79.31)` | Golden Gate | black, 11.9 to 1 |
| 24 | `#ddc29a` | `oklch(82.80% 0.0613 77.11)` | Natural Twine | black, 12.2 to 1 |
| 25 | `#e2c49c` | `oklch(83.52% 0.0629 74.97)` | Faint Fawn | black, 12.5 to 1 |
| 26 | `#e5c59d` | `oklch(84.12% 0.0644 72.90)` | Faint Fawn | black, 12.8 to 1 |
| 27 | `#e8c69e` | `oklch(84.58% 0.0657 70.90)` | Jasper Cane | black, 12.9 to 1 |
| 28 | `#ebc69f` | `oklch(84.90% 0.0667 69.00)` | Pine Grain | black, 13.1 to 1 |
| 29 | `#edc69f` | `oklch(85.06% 0.0676 67.19)` | Turnip Boy | black, 13.1 to 1 |
| 30 | `#eec69f` | `oklch(85.06% 0.0683 65.48)` | Turnip Boy | black, 13.1 to 1 |
| 31 | `#eec59f` | `oklch(84.88% 0.0687 63.90)` | Turnip Boy | black, 13 to 1 |
| 32 | `#edc39e` | `oklch(84.51% 0.0689 62.44)` | Carving Party | black, 12.9 to 1 |
| 33 | `#ecc19d` | `oklch(83.94% 0.0688 61.10)` | Special Peach | black, 12.6 to 1 |
| 34 | `#eabe9b` | `oklch(83.14% 0.0685 59.83)` | Pan Tostado | black, 12.3 to 1 |
| 35 | `#e7ba99` | `oklch(82.11% 0.0678 58.61)` | Sumptuous Peach | black, 11.9 to 1 |
| 36 | `#e3b696` | `oklch(80.89% 0.0670 57.45)` | Oakley Apricot | black, 11.4 to 1 |
| 37 | `#deb293` | `oklch(79.47% 0.0659 56.34)` | Soft Apricot | black, 10.8 to 1 |
| 38 | `#d8ad90` | `oklch(77.88% 0.0646 55.28)` | Mellow Buff | black, 10.2 to 1 |
| 39 | `#d2a78c` | `oklch(76.12% 0.0631 54.26)` | Vienna Beige | black, 9.6 to 1 |
| 40 | `#cba188` | `oklch(74.22% 0.0615 53.29)` | Peanut Butter Crust | black, 9 to 1 |
| 41 | `#c49b83` | `oklch(72.18% 0.0597 52.36)` | Chestnut Bisque | black, 8.3 to 1 |
| 42 | `#bc957e` | `oklch(70.03% 0.0577 51.48)` | Caramelised | black, 7.7 to 1 |
| 43 | `#b48e79` | `oklch(67.77% 0.0556 50.64)` | Homeland | black, 7.1 to 1 |
| 44 | `#ac8774` | `oklch(65.43% 0.0534 49.84)` | Homestead | black, 6.4 to 1 |
| 45 | `#a4806e` | `oklch(63.01% 0.0511 49.07)` | Tattered Teddy | black, 5.9 to 1 |
| 46 | `#9b7968` | `oklch(60.53% 0.0488 48.34)` | Beaver Fur | black, 5.3 to 1 |
| 47 | `#927263` | `oklch(58.00% 0.0463 47.65)` | Milk Brownie Dough | black, 4.8 to 1 |
| 48 | `#896b5d` | `oklch(55.44% 0.0439 46.99)` | Ruskie | white, 4.8 to 1 |
| 49 | `#806457` | `oklch(52.87% 0.0413 46.36)` | Chivalrous Walrus | white, 5.3 to 1 |
| 50 | `#775d52` | `oklch(50.29% 0.0388 45.76)` | Picador | white, 6 to 1 |
| 51 | `#6f574c` | `oklch(47.72% 0.0363 45.19)` | Natural Bark | white, 6.7 to 1 |
| 52 | `#665046` | `oklch(45.18% 0.0338 44.64)` | Mayan Chocolate | white, 7.4 to 1 |
| 53 | `#5e4a41` | `oklch(42.68% 0.0313 44.12)` | Chocolate Therapy | white, 8.3 to 1 |
| 54 | `#56443c` | `oklch(40.24% 0.0289 43.62)` | Cordovan Leather | white, 9.2 to 1 |
| 55 | `#4f3e37` | `oklch(37.87% 0.0266 43.15)` | Obsidian Brown | white, 10.1 to 1 |
| 56 | `#473832` | `oklch(35.58% 0.0243 42.69)` | Film Noir | white, 11.1 to 1 |
| 57 | `#41332d` | `oklch(33.39% 0.0221 42.25)` | Skilandis | white, 12.1 to 1 |
| 58 | `#3a2e29` | `oklch(31.31% 0.0201 41.83)` | Mole | white, 13 to 1 |
| 59 | `#342925` | `oklch(29.37% 0.0181 41.43)` | Betel Nut Dye | white, 14 to 1 |
| 60 | `#2f2522` | `oklch(27.56% 0.0163 41.03)` | Wood Bark | white, 14.8 to 1 |
| 61 | `#2a221e` | `oklch(25.91% 0.0147 40.65)` | Orka Black | white, 15.6 to 1 |
| 62 | `#261e1c` | `oklch(24.43% 0.0133 40.28)` | Velvet Black | white, 16.3 to 1 |
| 63 | `#221b19` | `oklch(23.14% 0.0121 39.92)` | Dark Orchestra | white, 16.8 to 1 |
| 64 | `#1f1917` | `oklch(22.05% 0.0110 39.56)` | Black Umber | white, 17.3 to 1 |

## CSS

```css
background: linear-gradient(225deg, #787c71 0.0%, #797d72 1.6%, #7b7f73 3.2%, #7e8174 4.8%, #808476 6.3%, #848777 7.9%, #878a79 9.5%, #8b8d7b 11.1%, #8f917d 12.7%, #94947f 14.3%, #989881 15.9%, #9d9c83 17.5%, #a2a085 19.0%, #a8a487 20.6%, #ada789 22.2%, #b3ab8b 23.8%, #b9af8d 25.4%, #beb290 27.0%, #c4b592 28.6%, #cab994 30.2%, #cfbb95 31.7%, #d4be97 33.3%, #d9c099 34.9%, #ddc29a 36.5%, #e2c49c 38.1%, #e5c59d 39.7%, #e8c69e 41.3%, #ebc69f 42.9%, #edc69f 44.4%, #eec69f 46.0%, #eec59f 47.6%, #edc39e 49.2%, #ecc19d 50.8%, #eabe9b 52.4%, #e7ba99 54.0%, #e3b696 55.6%, #deb293 57.1%, #d8ad90 58.7%, #d2a78c 60.3%, #cba188 61.9%, #c49b83 63.5%, #bc957e 65.1%, #b48e79 66.7%, #ac8774 68.3%, #a4806e 69.8%, #9b7968 71.4%, #927263 73.0%, #896b5d 74.6%, #806457 76.2%, #775d52 77.8%, #6f574c 79.4%, #665046 81.0%, #5e4a41 82.5%, #56443c 84.1%, #4f3e37 85.7%, #473832 87.3%, #41332d 88.9%, #3a2e29 90.5%, #342925 92.1%, #2f2522 93.7%, #2a221e 95.2%, #261e1c 96.8%, #221b19 98.4%, #1f1917 100.0%);
background: linear-gradient(225deg in oklch, oklch(57.87% 0.0165 123.05) 0.0%, oklch(58.36% 0.0175 121.99) 1.6%, oklch(58.98% 0.0186 120.79) 3.2%, oklch(59.72% 0.0199 119.44) 4.8%, oklch(60.57% 0.0214 117.95) 6.3%, oklch(61.52% 0.0231 116.35) 7.9%, oklch(62.55% 0.0249 114.62) 9.5%, oklch(63.66% 0.0268 112.80) 11.1%, oklch(64.84% 0.0288 110.87) 12.7%, oklch(66.07% 0.0309 108.86) 14.3%, oklch(67.34% 0.0331 106.78) 15.9%, oklch(68.65% 0.0353 104.62) 17.5%, oklch(69.98% 0.0376 102.42) 19.0%, oklch(71.31% 0.0399 100.16) 20.6%, oklch(72.65% 0.0423 97.86) 22.2%, oklch(73.97% 0.0446 95.54) 23.8%, oklch(75.27% 0.0469 93.20) 25.4%, oklch(76.54% 0.0492 90.85) 27.0%, oklch(77.76% 0.0514 88.50) 28.6%, oklch(78.93% 0.0536 86.17) 30.2%, oklch(80.02% 0.0557 83.85) 31.7%, oklch(81.04% 0.0577 81.56) 33.3%, oklch(81.97% 0.0596 79.31) 34.9%, oklch(82.80% 0.0613 77.11) 36.5%, oklch(83.52% 0.0629 74.97) 38.1%, oklch(84.12% 0.0644 72.90) 39.7%, oklch(84.58% 0.0657 70.90) 41.3%, oklch(84.90% 0.0667 69.00) 42.9%, oklch(85.06% 0.0676 67.19) 44.4%, oklch(85.06% 0.0683 65.48) 46.0%, oklch(84.88% 0.0687 63.90) 47.6%, oklch(84.51% 0.0689 62.44) 49.2%, oklch(83.94% 0.0688 61.10) 50.8%, oklch(83.14% 0.0685 59.83) 52.4%, oklch(82.11% 0.0678 58.61) 54.0%, oklch(80.89% 0.0670 57.45) 55.6%, oklch(79.47% 0.0659 56.34) 57.1%, oklch(77.88% 0.0646 55.28) 58.7%, oklch(76.12% 0.0631 54.26) 60.3%, oklch(74.22% 0.0615 53.29) 61.9%, oklch(72.18% 0.0597 52.36) 63.5%, oklch(70.03% 0.0577 51.48) 65.1%, oklch(67.77% 0.0556 50.64) 66.7%, oklch(65.43% 0.0534 49.84) 68.3%, oklch(63.01% 0.0511 49.07) 69.8%, oklch(60.53% 0.0488 48.34) 71.4%, oklch(58.00% 0.0463 47.65) 73.0%, oklch(55.44% 0.0439 46.99) 74.6%, oklch(52.87% 0.0413 46.36) 76.2%, oklch(50.29% 0.0388 45.76) 77.8%, oklch(47.72% 0.0363 45.19) 79.4%, oklch(45.18% 0.0338 44.64) 81.0%, oklch(42.68% 0.0313 44.12) 82.5%, oklch(40.24% 0.0289 43.62) 84.1%, oklch(37.87% 0.0266 43.15) 85.7%, oklch(35.58% 0.0243 42.69) 87.3%, oklch(33.39% 0.0221 42.25) 88.9%, oklch(31.31% 0.0201 41.83) 90.5%, oklch(29.37% 0.0181 41.43) 92.1%, oklch(27.56% 0.0163 41.03) 93.7%, oklch(25.91% 0.0147 40.65) 95.2%, oklch(24.43% 0.0133 40.28) 96.8%, oklch(23.14% 0.0121 39.92) 98.4%, oklch(22.05% 0.0110 39.56) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.579 | 0.017 | 123 |
| 2 | 0.843 | 0.069 | 61.8 |
| 3 | 0.22 | 0.011 | 39.6 |

## In these collections

- [Tan color palette](https://grabient.com/tan-color-palette)

## Other forms

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