# Gray, blue, purple and tan linear gradient

Gray, blue, purple and tan linear gradient with 48 colors: #917f62, #948467, #998a6e, #9f9276, #a59b80, #ada58b, #b5af97, #bdb9a3, #c5c4af, #cecebb, #d6d8c7, #dde1d1, #e4e8da, #e8eee1, #ebf3e6, #ecf5e8, #eaf6e8, #e4f3e6, #dbeee0, #cfe8d9, #c0e0d2, #afd6ca, #9dccc2, #8ac0ba, #76b5b4, #63a9af, #519dab, #4292a7, #3887a5, #347da4, #3775a4, #3f6ea4, #4a69a5, #5866a6, #6764a6, #7664a4, #8665a2, #96689e, #a46c98, #b17393, #bd7a8e, #c6838a, #cd8d87, #d29786, #d6a087, #d8a989, #d9b08b, #d9b58d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUmiI4-gfHMMkzZlGNRg`
- Page: https://grabient.com/kUmiI4-gfHMMkzZlGNRg?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: muted
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 4.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 | `#917f62` | `oklch(60.63% 0.0469 79.45)` | Woolly Thyme | black, 5.4 to 1 |
| 2 | `#948467` | `oklch(62.05% 0.0457 81.55)` | Antique Royal Gold | black, 5.7 to 1 |
| 3 | `#998a6e` | `oklch(63.99% 0.0440 83.92)` | Urban Safari | black, 6.2 to 1 |
| 4 | `#9f9276` | `oklch(66.36% 0.0419 86.55)` | Whipcord | black, 6.8 to 1 |
| 5 | `#a59b80` | `oklch(69.08% 0.0394 89.45)` | Herbal Wash | black, 7.5 to 1 |
| 6 | `#ada58b` | `oklch(72.05% 0.0368 92.61)` | Stone | black, 8.4 to 1 |
| 7 | `#b5af97` | `oklch(75.18% 0.0339 96.02)` | Soothing Sage | black, 9.5 to 1 |
| 8 | `#bdb9a3` | `oklch(78.39% 0.0311 99.67)` | Heavy Hammock | black, 10.6 to 1 |
| 9 | `#c5c4af` | `oklch(81.58% 0.0283 103.56)` | Kangaroo | black, 11.9 to 1 |
| 10 | `#cecebb` | `oklch(84.67% 0.0257 107.69)` | Pale Tendril | black, 13.1 to 1 |
| 11 | `#d6d8c7` | `oklch(87.57% 0.0234 112.05)` | September Song | black, 14.4 to 1 |
| 12 | `#dde1d1` | `oklch(90.19% 0.0215 116.62)` | Moss Mist | black, 15.7 to 1 |
| 13 | `#e4e8da` | `oklch(92.43% 0.0201 121.41)` | Spinach White | black, 16.8 to 1 |
| 14 | `#e8eee1` | `oklch(94.22% 0.0192 126.42)` | At Ease | black, 17.8 to 1 |
| 15 | `#ebf3e6` | `oklch(95.46% 0.0191 131.63)` | Glacier Ivy | black, 18.4 to 1 |
| 16 | `#ecf5e8` | `oklch(96.06% 0.0197 137.03)` | Verde Pastel | black, 18.8 to 1 |
| 17 | `#eaf6e8` | `oklch(95.93% 0.0213 142.63)` | Floaty Bubble | black, 18.7 to 1 |
| 18 | `#e4f3e6` | `oklch(94.95% 0.0241 148.44)` | Mint Fizz | black, 18.2 to 1 |
| 19 | `#dbeee0` | `oklch(93.20% 0.0279 154.44)` | Sea Mist | black, 17.3 to 1 |
| 20 | `#cfe8d9` | `oklch(90.79% 0.0327 160.66)` | Moonlight Green | black, 16.1 to 1 |
| 21 | `#c0e0d2` | `oklch(87.84% 0.0382 167.10)` | Otto Ice | black, 14.7 to 1 |
| 22 | `#afd6ca` | `oklch(84.47% 0.0443 173.74)` | Scud | black, 13.2 to 1 |
| 23 | `#9dccc2` | `oklch(80.79% 0.0509 180.61)` | Tareyton | black, 11.8 to 1 |
| 24 | `#8ac0ba` | `oklch(76.92% 0.0576 187.71)` | Undine | black, 10.3 to 1 |
| 25 | `#76b5b4` | `oklch(72.98% 0.0645 195.02)` | Kingfisher Turquoise | black, 9 to 1 |
| 26 | `#63a9af` | `oklch(69.07% 0.0712 202.57)` | Timid Sea | black, 7.8 to 1 |
| 27 | `#519dab` | `oklch(65.32% 0.0777 210.35)` | Flood Out | black, 6.7 to 1 |
| 28 | `#4292a7` | `oklch(61.84% 0.0837 218.37)` | Blue Moon | black, 5.8 to 1 |
| 29 | `#3887a5` | `oklch(58.75% 0.0891 226.63)` | Underwater Moonlight | black, 5.1 to 1 |
| 30 | `#347da4` | `oklch(56.17% 0.0938 235.13)` | Prominent Blue | black, 4.6 to 1 |
| 31 | `#3775a4` | `oklch(54.21% 0.0975 243.88)` | Decoration Blue | white, 4.9 to 1 |
| 32 | `#3f6ea4` | `oklch(52.98% 0.1000 252.88)` | Mega Blue | white, 5.2 to 1 |
| 33 | `#4a69a5` | `oklch(52.55% 0.1014 262.32)` | Indigo Batik | white, 5.4 to 1 |
| 34 | `#5866a6` | `oklch(52.76% 0.1017 272.78)` | Submarine Base | white, 5.4 to 1 |
| 35 | `#6764a6` | `oklch(53.53% 0.1012 284.11)` | Blue Iris | white, 5.3 to 1 |
| 36 | `#7664a4` | `oklch(54.77% 0.0999 296.14)` | Scampi | white, 5 to 1 |
| 37 | `#8665a2` | `oklch(56.42% 0.0980 308.68)` | Chive Blossom | white, 4.7 to 1 |
| 38 | `#96689e` | `oklch(58.39% 0.0956 321.57)` | Figue | black, 4.7 to 1 |
| 39 | `#a46c98` | `oklch(60.62% 0.0927 334.61)` | Mauve Memento | black, 5.2 to 1 |
| 40 | `#b17393` | `oklch(63.02% 0.0896 347.63)` | So Long Shadow | black, 5.7 to 1 |
| 41 | `#bd7a8e` | `oklch(65.53% 0.0863 0.44)` | Polignac | black, 6.3 to 1 |
| 42 | `#c6838a` | `oklch(68.06% 0.0829 12.87)` | Fake Crush | black, 7 to 1 |
| 43 | `#cd8d87` | `oklch(70.53% 0.0795 24.73)` | Resounding Rose | black, 7.7 to 1 |
| 44 | `#d29786` | `oklch(72.89% 0.0764 35.85)` | Peach Preserve | black, 8.5 to 1 |
| 45 | `#d6a087` | `oklch(75.04% 0.0735 46.04)` | Orange Maple | black, 9.2 to 1 |
| 46 | `#d8a989` | `oklch(76.91% 0.0709 55.12)` | White Acorn | black, 9.9 to 1 |
| 47 | `#d9b08b` | `oklch(78.43% 0.0689 62.91)` | Sheepskin | black, 10.5 to 1 |
| 48 | `#d9b58d` | `oklch(79.53% 0.0675 69.24)` | Nutmeg Glow | black, 10.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #917f62 0.0%, #948467 2.1%, #998a6e 4.3%, #9f9276 6.4%, #a59b80 8.5%, #ada58b 10.6%, #b5af97 12.8%, #bdb9a3 14.9%, #c5c4af 17.0%, #cecebb 19.1%, #d6d8c7 21.3%, #dde1d1 23.4%, #e4e8da 25.5%, #e8eee1 27.7%, #ebf3e6 29.8%, #ecf5e8 31.9%, #eaf6e8 34.0%, #e4f3e6 36.2%, #dbeee0 38.3%, #cfe8d9 40.4%, #c0e0d2 42.6%, #afd6ca 44.7%, #9dccc2 46.8%, #8ac0ba 48.9%, #76b5b4 51.1%, #63a9af 53.2%, #519dab 55.3%, #4292a7 57.4%, #3887a5 59.6%, #347da4 61.7%, #3775a4 63.8%, #3f6ea4 66.0%, #4a69a5 68.1%, #5866a6 70.2%, #6764a6 72.3%, #7664a4 74.5%, #8665a2 76.6%, #96689e 78.7%, #a46c98 80.9%, #b17393 83.0%, #bd7a8e 85.1%, #c6838a 87.2%, #cd8d87 89.4%, #d29786 91.5%, #d6a087 93.6%, #d8a989 95.7%, #d9b08b 97.9%, #d9b58d 100.0%);
background: linear-gradient(135deg in oklch, oklch(60.63% 0.0469 79.45) 0.0%, oklch(62.05% 0.0457 81.55) 2.1%, oklch(63.99% 0.0440 83.92) 4.3%, oklch(66.36% 0.0419 86.55) 6.4%, oklch(69.08% 0.0394 89.45) 8.5%, oklch(72.05% 0.0368 92.61) 10.6%, oklch(75.18% 0.0339 96.02) 12.8%, oklch(78.39% 0.0311 99.67) 14.9%, oklch(81.58% 0.0283 103.56) 17.0%, oklch(84.67% 0.0257 107.69) 19.1%, oklch(87.57% 0.0234 112.05) 21.3%, oklch(90.19% 0.0215 116.62) 23.4%, oklch(92.43% 0.0201 121.41) 25.5%, oklch(94.22% 0.0192 126.42) 27.7%, oklch(95.46% 0.0191 131.63) 29.8%, oklch(96.06% 0.0197 137.03) 31.9%, oklch(95.93% 0.0213 142.63) 34.0%, oklch(94.95% 0.0241 148.44) 36.2%, oklch(93.20% 0.0279 154.44) 38.3%, oklch(90.79% 0.0327 160.66) 40.4%, oklch(87.84% 0.0382 167.10) 42.6%, oklch(84.47% 0.0443 173.74) 44.7%, oklch(80.79% 0.0509 180.61) 46.8%, oklch(76.92% 0.0576 187.71) 48.9%, oklch(72.98% 0.0645 195.02) 51.1%, oklch(69.07% 0.0712 202.57) 53.2%, oklch(65.32% 0.0777 210.35) 55.3%, oklch(61.84% 0.0837 218.37) 57.4%, oklch(58.75% 0.0891 226.63) 59.6%, oklch(56.17% 0.0938 235.13) 61.7%, oklch(54.21% 0.0975 243.88) 63.8%, oklch(52.98% 0.1000 252.88) 66.0%, oklch(52.55% 0.1014 262.32) 68.1%, oklch(52.76% 0.1017 272.78) 70.2%, oklch(53.53% 0.1012 284.11) 72.3%, oklch(54.77% 0.0999 296.14) 74.5%, oklch(56.42% 0.0980 308.68) 76.6%, oklch(58.39% 0.0956 321.57) 78.7%, oklch(60.62% 0.0927 334.61) 80.9%, oklch(63.02% 0.0896 347.63) 83.0%, oklch(65.53% 0.0863 0.44) 85.1%, oklch(68.06% 0.0829 12.87) 87.2%, oklch(70.53% 0.0795 24.73) 89.4%, oklch(72.89% 0.0764 35.85) 91.5%, oklch(75.04% 0.0735 46.04) 93.6%, oklch(76.91% 0.0709 55.12) 95.7%, oklch(78.43% 0.0689 62.91) 97.9%, oklch(79.53% 0.0675 69.24) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.606 | 0.047 | 79.5 |
| 2 | 0.961 | 0.021 | 140.7 |
| 3 | 0.528 | 0.101 | 255.9 |
| 4 | 0.795 | 0.068 | 429.2 |

## Other forms

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