# Gray, beige, purple and olive linear gradient

Gray, beige, purple and olive linear gradient with 64 colors: #37503d, #3c5541, #435c47, #4c654f, #566f58, #617a62, #6d866c, #7a9377, #87a082, #94ac8d, #a1b897, #aec3a0, #bacca7, #c5d3ac, #ced9b0, #d5dbb0, #dadaae, #ddd5a9, #decda1, #ddc199, #d9b392, #d2a48b, #c89487, #bb8583, #ac7681, #9b697f, #895d7c, #785378, #684b74, #5b4471, #513f6d, #4a3c6b, #483b6b, #4b3c6c, #513e6f, #5a4173, #664576, #744b79, #83517b, #93597c, #a3617b, #b26a79, #bf7576, #c97f72, #d18a6f, #d5946c, #d69c6a, #d5a269, #d1a568, #cca767, #c4a765, #bca564, #b2a262, #a99f60, #9e9a5e, #94955c, #8a8f59, #818957, #788354, #707e52, #69794f, #63744d, #5e704c, #5a6e4b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWZyFr75U67GdK3fIs_QRVHQ`
- Page: https://grabient.com/kWZyFr75U67GdK3fIs_QRVHQ?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 6.9 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 | `#37503d` | `oklch(40.55% 0.0455 151.17)` | Angry Gremlin | white, 8.8 to 1 |
| 2 | `#3c5541` | `oklch(42.42% 0.0459 149.91)` | O’Neal Green | white, 8.1 to 1 |
| 3 | `#435c47` | `oklch(44.94% 0.0464 148.77)` | Greenwich | white, 7.2 to 1 |
| 4 | `#4c654f` | `oklch(48.01% 0.0469 147.68)` | Nature Surrounds | white, 6.3 to 1 |
| 5 | `#566f58` | `oklch(51.52% 0.0475 146.58)` | Green Bayou | white, 5.4 to 1 |
| 6 | `#617a62` | `oklch(55.36% 0.0482 145.39)` | Swanndri | white, 4.6 to 1 |
| 7 | `#6d866c` | `oklch(59.42% 0.0489 144.04)` | Thyme and Place | black, 5.3 to 1 |
| 8 | `#7a9377` | `oklch(63.58% 0.0496 142.47)` | Chic Shade | black, 6.2 to 1 |
| 9 | `#87a082` | `oklch(67.74% 0.0504 140.62)` | Basil | black, 7.3 to 1 |
| 10 | `#94ac8d` | `oklch(71.79% 0.0512 138.40)` | Banyan Serenity | black, 8.5 to 1 |
| 11 | `#a1b897` | `oklch(75.62% 0.0521 135.76)` | Byakuroku Green | black, 9.8 to 1 |
| 12 | `#aec3a0` | `oklch(79.11% 0.0530 132.63)` | Pale Mint | black, 11 to 1 |
| 13 | `#bacca7` | `oklch(82.17% 0.0540 128.93)` | Enamel Green | black, 12.2 to 1 |
| 14 | `#c5d3ac` | `oklch(84.67% 0.0550 124.61)` | Pistachio Pudding | black, 13.3 to 1 |
| 15 | `#ced9b0` | `oklch(86.50% 0.0560 119.58)` | Chameleon | black, 14.1 to 1 |
| 16 | `#d5dbb0` | `oklch(87.57% 0.0571 113.79)` | Spring Thyme | black, 14.5 to 1 |
| 17 | `#dadaae` | `oklch(87.75% 0.0582 107.12)` | Kohlrabi Green | black, 14.6 to 1 |
| 18 | `#ddd5a9` | `oklch(86.91% 0.0593 98.66)` | Primitive Green | black, 14.1 to 1 |
| 19 | `#decda1` | `oklch(85.12% 0.0606 88.33)` | Shui Jiao Dumpling | black, 13.3 to 1 |
| 20 | `#ddc199` | `oklch(82.53% 0.0619 76.46)` | Natural Twine | black, 12.1 to 1 |
| 21 | `#d9b392` | `oklch(79.28% 0.0633 63.39)` | Crushed Nutmeg | black, 10.8 to 1 |
| 22 | `#d2a48b` | `oklch(75.50% 0.0648 49.45)` | Autumn Malt | black, 9.4 to 1 |
| 23 | `#c89487` | `oklch(71.34% 0.0663 34.98)` | Mexican Moonlight | black, 8 to 1 |
| 24 | `#bb8583` | `oklch(66.92% 0.0678 20.33)` | Notice Me | black, 6.7 to 1 |
| 25 | `#ac7681` | `oklch(62.40% 0.0693 5.81)` | French Marron | black, 5.6 to 1 |
| 26 | `#9b697f` | `oklch(57.90% 0.0708 351.78)` | Arcane | black, 4.7 to 1 |
| 27 | `#895d7c` | `oklch(53.58% 0.0723 338.57)` | Argyle Purple | white, 5.3 to 1 |
| 28 | `#785378` | `oklch(49.56% 0.0738 326.52)` | Birthstone | white, 6.3 to 1 |
| 29 | `#684b74` | `oklch(45.98% 0.0753 315.95)` | Clary | white, 7.3 to 1 |
| 30 | `#5b4471` | `oklch(42.99% 0.0767 307.22)` | Blue Tulip | white, 8.3 to 1 |
| 31 | `#513f6d` | `oklch(40.72% 0.0781 300.65)` | Izmir Purple | white, 9.2 to 1 |
| 32 | `#4a3c6b` | `oklch(39.31% 0.0793 296.58)` | Meteorite | white, 9.7 to 1 |
| 33 | `#483b6b` | `oklch(38.88% 0.0805 295.31)` | Meteorite | white, 9.9 to 1 |
| 34 | `#4b3c6c` | `oklch(39.33% 0.0818 296.68)` | Meteorite | white, 9.7 to 1 |
| 35 | `#513e6f` | `oklch(40.54% 0.0833 300.39)` | Succinct Violet | white, 9.3 to 1 |
| 36 | `#5a4173` | `oklch(42.39% 0.0848 306.13)` | Drifting Violet | white, 8.6 to 1 |
| 37 | `#664576` | `oklch(44.78% 0.0863 313.62)` | Palace Purple | white, 7.8 to 1 |
| 38 | `#744b79` | `oklch(47.59% 0.0878 322.57)` | Cabbage Blossom Violet | white, 6.9 to 1 |
| 39 | `#83517b` | `oklch(50.71% 0.0893 332.69)` | Purple Davenport | white, 6.1 to 1 |
| 40 | `#93597c` | `oklch(54.04% 0.0907 343.68)` | Immortality | white, 5.3 to 1 |
| 41 | `#a3617b` | `oklch(57.46% 0.0920 355.26)` | Cosmetic Red | white, 4.6 to 1 |
| 42 | `#b26a79` | `oklch(60.86% 0.0932 7.13)` | Mauvewood | black, 5.2 to 1 |
| 43 | `#bf7576` | `oklch(64.13% 0.0942 19.00)` | Nipple | black, 6 to 1 |
| 44 | `#c97f72` | `oklch(67.16% 0.0949 30.58)` | Canyon Clay | black, 6.7 to 1 |
| 45 | `#d18a6f` | `oklch(69.84% 0.0955 41.58)` | Helena Rose | black, 7.5 to 1 |
| 46 | `#d5946c` | `oklch(72.06% 0.0957 51.71)` | Pumpkin Patch | black, 8.2 to 1 |
| 47 | `#d69c6a` | `oklch(73.71% 0.0957 60.68)` | Prayer Flag | black, 8.8 to 1 |
| 48 | `#d5a269` | `oklch(74.68% 0.0952 68.19)` | Desert Caravan | black, 9.1 to 1 |
| 49 | `#d1a568` | `oklch(74.94% 0.0944 74.39)` | Campground | black, 9.3 to 1 |
| 50 | `#cca767` | `oklch(74.66% 0.0930 80.23)` | Wild Mustard Seed | black, 9.2 to 1 |
| 51 | `#c4a765` | `oklch(73.92% 0.0912 85.75)` | Spring Roll | black, 9 to 1 |
| 52 | `#bca564` | `oklch(72.78% 0.0890 90.96)` | Southern Moss | black, 8.7 to 1 |
| 53 | `#b2a262` | `oklch(71.30% 0.0865 95.87)` | Wavy Glass | black, 8.2 to 1 |
| 54 | `#a99f60` | `oklch(69.55% 0.0838 100.49)` | Mediaeval Sulphur | black, 7.7 to 1 |
| 55 | `#9e9a5e` | `oklch(67.60% 0.0808 104.82)` | Zandri Dust | black, 7.2 to 1 |
| 56 | `#94955c` | `oklch(65.50% 0.0778 108.88)` | Tansy Green | black, 6.7 to 1 |
| 57 | `#8a8f59` | `oklch(63.32% 0.0747 112.66)` | Crocodile Smile | black, 6.1 to 1 |
| 58 | `#818957` | `oklch(61.13% 0.0717 116.18)` | Iguana | black, 5.6 to 1 |
| 59 | `#788354` | `oklch(58.98% 0.0687 119.44)` | Calliste Green | black, 5.1 to 1 |
| 60 | `#707e52` | `oklch(56.94% 0.0660 122.45)` | Turf War | black, 4.7 to 1 |
| 61 | `#69794f` | `oklch(55.08% 0.0634 125.22)` | Kariyasu Green | white, 4.7 to 1 |
| 62 | `#63744d` | `oklch(53.46% 0.0612 127.76)` | Dill Pickle | white, 5 to 1 |
| 63 | `#5e704c` | `oklch(52.14% 0.0593 130.06)` | Greenfield | white, 5.3 to 1 |
| 64 | `#5a6e4b` | `oklch(51.18% 0.0579 132.15)` | Climbing Ivy | white, 5.5 to 1 |

## CSS

```css
background: linear-gradient(225deg, #37503d 0.0%, #3c5541 1.6%, #435c47 3.2%, #4c654f 4.8%, #566f58 6.3%, #617a62 7.9%, #6d866c 9.5%, #7a9377 11.1%, #87a082 12.7%, #94ac8d 14.3%, #a1b897 15.9%, #aec3a0 17.5%, #bacca7 19.0%, #c5d3ac 20.6%, #ced9b0 22.2%, #d5dbb0 23.8%, #dadaae 25.4%, #ddd5a9 27.0%, #decda1 28.6%, #ddc199 30.2%, #d9b392 31.7%, #d2a48b 33.3%, #c89487 34.9%, #bb8583 36.5%, #ac7681 38.1%, #9b697f 39.7%, #895d7c 41.3%, #785378 42.9%, #684b74 44.4%, #5b4471 46.0%, #513f6d 47.6%, #4a3c6b 49.2%, #483b6b 50.8%, #4b3c6c 52.4%, #513e6f 54.0%, #5a4173 55.6%, #664576 57.1%, #744b79 58.7%, #83517b 60.3%, #93597c 61.9%, #a3617b 63.5%, #b26a79 65.1%, #bf7576 66.7%, #c97f72 68.3%, #d18a6f 69.8%, #d5946c 71.4%, #d69c6a 73.0%, #d5a269 74.6%, #d1a568 76.2%, #cca767 77.8%, #c4a765 79.4%, #bca564 81.0%, #b2a262 82.5%, #a99f60 84.1%, #9e9a5e 85.7%, #94955c 87.3%, #8a8f59 88.9%, #818957 90.5%, #788354 92.1%, #707e52 93.7%, #69794f 95.2%, #63744d 96.8%, #5e704c 98.4%, #5a6e4b 100.0%);
background: linear-gradient(225deg in oklch, oklch(40.55% 0.0455 151.17) 0.0%, oklch(42.42% 0.0459 149.91) 1.6%, oklch(44.94% 0.0464 148.77) 3.2%, oklch(48.01% 0.0469 147.68) 4.8%, oklch(51.52% 0.0475 146.58) 6.3%, oklch(55.36% 0.0482 145.39) 7.9%, oklch(59.42% 0.0489 144.04) 9.5%, oklch(63.58% 0.0496 142.47) 11.1%, oklch(67.74% 0.0504 140.62) 12.7%, oklch(71.79% 0.0512 138.40) 14.3%, oklch(75.62% 0.0521 135.76) 15.9%, oklch(79.11% 0.0530 132.63) 17.5%, oklch(82.17% 0.0540 128.93) 19.0%, oklch(84.67% 0.0550 124.61) 20.6%, oklch(86.50% 0.0560 119.58) 22.2%, oklch(87.57% 0.0571 113.79) 23.8%, oklch(87.75% 0.0582 107.12) 25.4%, oklch(86.91% 0.0593 98.66) 27.0%, oklch(85.12% 0.0606 88.33) 28.6%, oklch(82.53% 0.0619 76.46) 30.2%, oklch(79.28% 0.0633 63.39) 31.7%, oklch(75.50% 0.0648 49.45) 33.3%, oklch(71.34% 0.0663 34.98) 34.9%, oklch(66.92% 0.0678 20.33) 36.5%, oklch(62.40% 0.0693 5.81) 38.1%, oklch(57.90% 0.0708 351.78) 39.7%, oklch(53.58% 0.0723 338.57) 41.3%, oklch(49.56% 0.0738 326.52) 42.9%, oklch(45.98% 0.0753 315.95) 44.4%, oklch(42.99% 0.0767 307.22) 46.0%, oklch(40.72% 0.0781 300.65) 47.6%, oklch(39.31% 0.0793 296.58) 49.2%, oklch(38.88% 0.0805 295.31) 50.8%, oklch(39.33% 0.0818 296.68) 52.4%, oklch(40.54% 0.0833 300.39) 54.0%, oklch(42.39% 0.0848 306.13) 55.6%, oklch(44.78% 0.0863 313.62) 57.1%, oklch(47.59% 0.0878 322.57) 58.7%, oklch(50.71% 0.0893 332.69) 60.3%, oklch(54.04% 0.0907 343.68) 61.9%, oklch(57.46% 0.0920 355.26) 63.5%, oklch(60.86% 0.0932 7.13) 65.1%, oklch(64.13% 0.0942 19.00) 66.7%, oklch(67.16% 0.0949 30.58) 68.3%, oklch(69.84% 0.0955 41.58) 69.8%, oklch(72.06% 0.0957 51.71) 71.4%, oklch(73.71% 0.0957 60.68) 73.0%, oklch(74.68% 0.0952 68.19) 74.6%, oklch(74.94% 0.0944 74.39) 76.2%, oklch(74.66% 0.0930 80.23) 77.8%, oklch(73.92% 0.0912 85.75) 79.4%, oklch(72.78% 0.0890 90.96) 81.0%, oklch(71.30% 0.0865 95.87) 82.5%, oklch(69.55% 0.0838 100.49) 84.1%, oklch(67.60% 0.0808 104.82) 85.7%, oklch(65.50% 0.0778 108.88) 87.3%, oklch(63.32% 0.0747 112.66) 88.9%, oklch(61.13% 0.0717 116.18) 90.5%, oklch(58.98% 0.0687 119.44) 92.1%, oklch(56.94% 0.0660 122.45) 93.7%, oklch(55.08% 0.0634 125.22) 95.2%, oklch(53.46% 0.0612 127.76) 96.8%, oklch(52.14% 0.0593 130.06) 98.4%, oklch(51.18% 0.0579 132.15) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.406 | 0.045 | 151.2 |
| 2 | 0.878 | 0.058 | 108.9 |
| 3 | 0.39 | 0.08 | -64.4 |
| 4 | 0.748 | 0.095 | 69.8 |
| 5 | 0.512 | 0.058 | 132.2 |

## Other forms

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