# Orange, green, gray and purple linear gradient

Orange, green, gray and purple linear gradient with 56 colors: #cb952d, #c6932a, #c09124, #b88e1d, #b08a13, #a68606, #9c8200, #917e00, #867900, #7b7500, #707000, #666c00, #5d6800, #556400, #4d6100, #465f00, #415e01, #3d5d09, #3c5e11, #3d6018, #406320, #46682a, #4d6e34, #55763f, #5f7e4b, #6a8758, #769165, #829b72, #8fa57f, #9bae8c, #a8b898, #b3c1a4, #bdc9ae, #c6d0b7, #ced5be, #d3d9c3, #d7dac5, #d8dac4, #d8d7c1, #d5d2ba, #d2cbb1, #cfc3a6, #cab89a, #c5ad8e, #c0a081, #bb9275, #b5846a, #ae7661, #a6685a, #9e5a54, #964d50, #8d424e, #85374c, #7d2e4b, #76274b, #70214b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUs184uCfGHAKvaxK7Gg`
- Page: https://grabient.com/kUs184uCfGHAKvaxK7Gg?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Hues: two-hue
- Contrast of its darkest and lightest colors: 7.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 | `#cb952d` | `oklch(70.47% 0.1309 79.45)` | Golden Pheasant | black, 7.8 to 1 |
| 2 | `#c6932a` | `oklch(69.58% 0.1303 81.11)` | Tawny Olive | black, 7.6 to 1 |
| 3 | `#c09124` | `oklch(68.36% 0.1298 83.24)` | Nugget | black, 7.3 to 1 |
| 4 | `#b88e1d` | `oklch(66.88% 0.1292 85.76)` | Loden Yellow | black, 6.9 to 1 |
| 5 | `#b08a13` | `oklch(65.16% 0.1286 88.62)` | Yellow Brown | black, 6.4 to 1 |
| 6 | `#a68606` | `oklch(63.27% 0.1280 91.76)` | Golden Palm | black, 6 to 1 |
| 7 | `#9c8200` | `oklch(61.25% 0.1258 95.10)` | Pestilence | black, 5.6 to 1 |
| 8 | `#917e00` | `oklch(59.15% 0.1225 98.63)` | Moscow Papyrus | black, 5.1 to 1 |
| 9 | `#867900` | `oklch(57.01% 0.1195 102.25)` | Soft Fig | black, 4.7 to 1 |
| 10 | `#7b7500` | `oklch(54.88% 0.1170 105.92)` | Medusa’s Snakes | white, 4.8 to 1 |
| 11 | `#707000` | `oklch(52.81% 0.1150 109.56)` | Bronze Yellow | white, 5.2 to 1 |
| 12 | `#666c00` | `oklch(50.84% 0.1135 113.13)` | Brownish Green | white, 5.6 to 1 |
| 13 | `#5d6800` | `oklch(49.02% 0.1126 116.57)` | Mud Green | white, 6.1 to 1 |
| 14 | `#556400` | `oklch(47.41% 0.1123 119.80)` | Serrano Pepper | white, 6.5 to 1 |
| 15 | `#4d6100` | `oklch(46.04% 0.1127 122.78)` | Camouflage Green | white, 6.9 to 1 |
| 16 | `#465f00` | `oklch(44.96% 0.1136 125.44)` | Rainforest Matcha | white, 7.2 to 1 |
| 17 | `#415e01` | `oklch(44.22% 0.1146 127.71)` | Lustrian Undergrowth | white, 7.4 to 1 |
| 18 | `#3d5d09` | `oklch(43.87% 0.1123 129.55)` | Lustrian Undergrowth | white, 7.5 to 1 |
| 19 | `#3c5e11` | `oklch(43.96% 0.1098 130.90)` | Lustrian Undergrowth | white, 7.5 to 1 |
| 20 | `#3d6018` | `oklch(44.57% 0.1068 131.80)` | Rainforest Matcha | white, 7.3 to 1 |
| 21 | `#406320` | `oklch(45.81% 0.1031 132.55)` | Rainforest Matcha | white, 6.9 to 1 |
| 22 | `#46682a` | `oklch(47.61% 0.0988 133.14)` | Tree Shade | white, 6.4 to 1 |
| 23 | `#4d6e34` | `oklch(49.90% 0.0938 133.58)` | Botanical | white, 5.8 to 1 |
| 24 | `#55763f` | `oklch(52.60% 0.0885 133.85)` | Mana Tree | white, 5.1 to 1 |
| 25 | `#5f7e4b` | `oklch(55.62% 0.0828 133.93)` | Dingley | white, 4.5 to 1 |
| 26 | `#6a8758` | `oklch(58.88% 0.0769 133.80)` | Thicket | black, 5.2 to 1 |
| 27 | `#769165` | `oklch(62.31% 0.0708 133.45)` | Old Bamboo | black, 5.9 to 1 |
| 28 | `#829b72` | `oklch(65.83% 0.0648 132.87)` | Wild Thyme | black, 6.8 to 1 |
| 29 | `#8fa57f` | `oklch(69.35% 0.0589 132.04)` | Baby Spinach | black, 7.8 to 1 |
| 30 | `#9bae8c` | `oklch(72.80% 0.0532 130.95)` | Cardoon | black, 8.8 to 1 |
| 31 | `#a8b898` | `oklch(76.09% 0.0479 129.58)` | Laurel Green | black, 9.9 to 1 |
| 32 | `#b3c1a4` | `oklch(79.15% 0.0429 127.91)` | Camping Grounds | black, 11 to 1 |
| 33 | `#bdc9ae` | `oklch(81.89% 0.0386 125.94)` | Tamboon | black, 12.1 to 1 |
| 34 | `#c6d0b7` | `oklch(84.24% 0.0349 123.64)` | Tender Greens | black, 13 to 1 |
| 35 | `#ced5be` | `oklch(86.11% 0.0320 121.01)` | Green Frost | black, 13.8 to 1 |
| 36 | `#d3d9c3` | `oklch(87.44% 0.0300 118.02)` | Light Feather Green | black, 14.4 to 1 |
| 37 | `#d7dac5` | `oklch(88.12% 0.0290 114.66)` | Smoky Light | black, 14.7 to 1 |
| 38 | `#d8dac4` | `oklch(88.10% 0.0291 110.89)` | Feng Shui | black, 14.7 to 1 |
| 39 | `#d8d7c1` | `oklch(87.39% 0.0304 106.33)` | White Moss | black, 14.4 to 1 |
| 40 | `#d5d2ba` | `oklch(86.07% 0.0329 100.95)` | Pistachio Tang | black, 13.7 to 1 |
| 41 | `#d2cbb1` | `oklch(84.20% 0.0363 94.85)` | Platinum Sage | black, 12.9 to 1 |
| 42 | `#cfc3a6` | `oklch(81.86% 0.0406 88.16)` | Cyrus Grass | black, 11.9 to 1 |
| 43 | `#cab89a` | `oklch(79.12% 0.0456 80.97)` | Crewel Tan | black, 10.8 to 1 |
| 44 | `#c5ad8e` | `oklch(76.05% 0.0513 73.40)` | Warm Sand | black, 9.7 to 1 |
| 45 | `#c0a081` | `oklch(72.71% 0.0574 65.55)` | Meringue Tips | black, 8.6 to 1 |
| 46 | `#bb9275` | `oklch(69.18% 0.0638 57.52)` | Cinnamon Scone | black, 7.5 to 1 |
| 47 | `#b5846a` | `oklch(65.53% 0.0705 49.44)` | Red Gravel | black, 6.4 to 1 |
| 48 | `#ae7661` | `oklch(61.82% 0.0773 41.41)` | Sawshark | black, 5.5 to 1 |
| 49 | `#a6685a` | `oklch(58.13% 0.0841 33.52)` | Sun Baked Earth | black, 4.7 to 1 |
| 50 | `#9e5a54` | `oklch(54.52% 0.0907 25.90)` | Rhode Island Red | white, 5.1 to 1 |
| 51 | `#964d50` | `oklch(51.07% 0.0970 18.65)` | Crantini | white, 6 to 1 |
| 52 | `#8d424e` | `oklch(47.84% 0.1029 11.88)` | Silk Satin | white, 6.9 to 1 |
| 53 | `#85374c` | `oklch(44.91% 0.1083 5.70)` | Camelot | white, 7.9 to 1 |
| 54 | `#7d2e4b` | `oklch(42.34% 0.1130 0.21)` | Flirt | white, 8.8 to 1 |
| 55 | `#76274b` | `oklch(40.21% 0.1169 355.52)` | Palace Red | white, 9.7 to 1 |
| 56 | `#70214b` | `oklch(38.58% 0.1199 351.74)` | Pompadour | white, 10.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #cb952d 0.0%, #c6932a 1.8%, #c09124 3.6%, #b88e1d 5.5%, #b08a13 7.3%, #a68606 9.1%, #9c8200 10.9%, #917e00 12.7%, #867900 14.5%, #7b7500 16.4%, #707000 18.2%, #666c00 20.0%, #5d6800 21.8%, #556400 23.6%, #4d6100 25.5%, #465f00 27.3%, #415e01 29.1%, #3d5d09 30.9%, #3c5e11 32.7%, #3d6018 34.5%, #406320 36.4%, #46682a 38.2%, #4d6e34 40.0%, #55763f 41.8%, #5f7e4b 43.6%, #6a8758 45.5%, #769165 47.3%, #829b72 49.1%, #8fa57f 50.9%, #9bae8c 52.7%, #a8b898 54.5%, #b3c1a4 56.4%, #bdc9ae 58.2%, #c6d0b7 60.0%, #ced5be 61.8%, #d3d9c3 63.6%, #d7dac5 65.5%, #d8dac4 67.3%, #d8d7c1 69.1%, #d5d2ba 70.9%, #d2cbb1 72.7%, #cfc3a6 74.5%, #cab89a 76.4%, #c5ad8e 78.2%, #c0a081 80.0%, #bb9275 81.8%, #b5846a 83.6%, #ae7661 85.5%, #a6685a 87.3%, #9e5a54 89.1%, #964d50 90.9%, #8d424e 92.7%, #85374c 94.5%, #7d2e4b 96.4%, #76274b 98.2%, #70214b 100.0%);
background: linear-gradient(135deg in oklch, oklch(70.47% 0.1309 79.45) 0.0%, oklch(69.58% 0.1303 81.11) 1.8%, oklch(68.36% 0.1298 83.24) 3.6%, oklch(66.88% 0.1292 85.76) 5.5%, oklch(65.16% 0.1286 88.62) 7.3%, oklch(63.27% 0.1280 91.76) 9.1%, oklch(61.25% 0.1258 95.10) 10.9%, oklch(59.15% 0.1225 98.63) 12.7%, oklch(57.01% 0.1195 102.25) 14.5%, oklch(54.88% 0.1170 105.92) 16.4%, oklch(52.81% 0.1150 109.56) 18.2%, oklch(50.84% 0.1135 113.13) 20.0%, oklch(49.02% 0.1126 116.57) 21.8%, oklch(47.41% 0.1123 119.80) 23.6%, oklch(46.04% 0.1127 122.78) 25.5%, oklch(44.96% 0.1136 125.44) 27.3%, oklch(44.22% 0.1146 127.71) 29.1%, oklch(43.87% 0.1123 129.55) 30.9%, oklch(43.96% 0.1098 130.90) 32.7%, oklch(44.57% 0.1068 131.80) 34.5%, oklch(45.81% 0.1031 132.55) 36.4%, oklch(47.61% 0.0988 133.14) 38.2%, oklch(49.90% 0.0938 133.58) 40.0%, oklch(52.60% 0.0885 133.85) 41.8%, oklch(55.62% 0.0828 133.93) 43.6%, oklch(58.88% 0.0769 133.80) 45.5%, oklch(62.31% 0.0708 133.45) 47.3%, oklch(65.83% 0.0648 132.87) 49.1%, oklch(69.35% 0.0589 132.04) 50.9%, oklch(72.80% 0.0532 130.95) 52.7%, oklch(76.09% 0.0479 129.58) 54.5%, oklch(79.15% 0.0429 127.91) 56.4%, oklch(81.89% 0.0386 125.94) 58.2%, oklch(84.24% 0.0349 123.64) 60.0%, oklch(86.11% 0.0320 121.01) 61.8%, oklch(87.44% 0.0300 118.02) 63.6%, oklch(88.12% 0.0290 114.66) 65.5%, oklch(88.10% 0.0291 110.89) 67.3%, oklch(87.39% 0.0304 106.33) 69.1%, oklch(86.07% 0.0329 100.95) 70.9%, oklch(84.20% 0.0363 94.85) 72.7%, oklch(81.86% 0.0406 88.16) 74.5%, oklch(79.12% 0.0456 80.97) 76.4%, oklch(76.05% 0.0513 73.40) 78.2%, oklch(72.71% 0.0574 65.55) 80.0%, oklch(69.18% 0.0638 57.52) 81.8%, oklch(65.53% 0.0705 49.44) 83.6%, oklch(61.82% 0.0773 41.41) 85.5%, oklch(58.13% 0.0841 33.52) 87.3%, oklch(54.52% 0.0907 25.90) 89.1%, oklch(51.07% 0.0970 18.65) 90.9%, oklch(47.84% 0.1029 11.88) 92.7%, oklch(44.91% 0.1083 5.70) 94.5%, oklch(42.34% 0.1130 0.21) 96.4%, oklch(40.21% 0.1169 355.52) 98.2%, oklch(38.58% 0.1199 351.74) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.705 | 0.131 | 79.5 |
| 2 | 0.441 | 0.109 | 131.2 |
| 3 | 0.882 | 0.029 | 112.2 |
| 4 | 0.386 | 0.12 | -8.3 |

## Other forms

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