# Gray, green, brown and purple linear gradient

Gray, green, brown and purple linear gradient with 56 colors: #3a505e, #3b515f, #3e5360, #415662, #445963, #485c65, #4c5f67, #516269, #55666c, #59696e, #5d6d71, #607073, #627375, #647678, #657979, #657d7b, #64817c, #64847c, #64887a, #658c77, #679073, #6c926c, #729464, #7b945a, #859350, #8f9045, #988d3c, #a18835, #a78232, #ab7a34, #ab713a, #a96842, #a35f4b, #9a5853, #8e5159, #824c5d, #75485e, #6a445e, #60425c, #583f5a, #523e58, #503d57, #513d57, #543e58, #5a3f59, #63425a, #6d455a, #784959, #834d56, #8e5350, #975a4a, #9e6242, #a26a3b, #a57235, #a57932, #a57f30. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWahqoxwi7NAmswxkjBzqbOw`
- Page: https://grabient.com/kWahqoxwi7NAmswxkjBzqbOw?steps=56&angle=45
- Drawn as: linear gradient, 56 steps, 45 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 2.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 | `#3a505e` | `oklch(41.73% 0.0358 236.95)` | Restless Sea | white, 8.4 to 1 |
| 2 | `#3b515f` | `oklch(42.34% 0.0351 235.46)` | Sailing Safari | white, 8.2 to 1 |
| 3 | `#3e5360` | `oklch(43.11% 0.0338 233.87)` | Dark Secret | white, 8 to 1 |
| 4 | `#415662` | `oklch(44.01% 0.0322 232.15)` | Alien | white, 7.6 to 1 |
| 5 | `#445963` | `oklch(45.03% 0.0303 230.27)` | Midnight in the Tropics | white, 7.3 to 1 |
| 6 | `#485c65` | `oklch(46.14% 0.0282 228.20)` | Blue Tapestry | white, 7 to 1 |
| 7 | `#4c5f67` | `oklch(47.31% 0.0262 225.90)` | Cone Green Blue | white, 6.6 to 1 |
| 8 | `#516269` | `oklch(48.53% 0.0242 223.34)` | Gunmetal | white, 6.3 to 1 |
| 9 | `#55666c` | `oklch(49.76% 0.0225 220.49)` | Plot Twist | white, 6 to 1 |
| 10 | `#59696e` | `oklch(50.98% 0.0212 217.32)` | Made of Steel | white, 5.7 to 1 |
| 11 | `#5d6d71` | `oklch(52.17% 0.0203 213.79)` | Unreal Teal | white, 5.4 to 1 |
| 12 | `#607073` | `oklch(53.30% 0.0200 209.87)` | American River | white, 5.1 to 1 |
| 13 | `#627375` | `oklch(54.34% 0.0205 205.52)` | Relaxed Navy | white, 4.9 to 1 |
| 14 | `#647678` | `oklch(55.29% 0.0218 200.72)` | Becker Blue | white, 4.7 to 1 |
| 15 | `#657979` | `oklch(56.10% 0.0241 195.42)` | Trade Secret | black, 4.5 to 1 |
| 16 | `#657d7b` | `oklch(56.93% 0.0279 189.57)` | Underwater World | black, 4.7 to 1 |
| 17 | `#64817c` | `oklch(57.82% 0.0331 183.17)` | Underwater World | black, 4.9 to 1 |
| 18 | `#64847c` | `oklch(58.73% 0.0394 176.28)` | Greenella | black, 5.1 to 1 |
| 19 | `#64887a` | `oklch(59.65% 0.0466 168.95)` | Aloe Vera | black, 5.3 to 1 |
| 20 | `#658c77` | `oklch(60.53% 0.0543 161.25)` | Sea Monster | black, 5.5 to 1 |
| 21 | `#679073` | `oklch(61.36% 0.0624 153.22)` | Prickly Pear Cactus | black, 5.7 to 1 |
| 22 | `#6c926c` | `oklch(62.10% 0.0706 144.91)` | Paying Mantis | black, 5.9 to 1 |
| 23 | `#729464` | `oklch(62.74% 0.0785 136.38)` | Van Gogh Olives | black, 6.1 to 1 |
| 24 | `#7b945a` | `oklch(63.23% 0.0859 127.69)` | Vegetarian Veteran | black, 6.2 to 1 |
| 25 | `#859350` | `oklch(63.56% 0.0926 118.89)` | Bold Avocado | black, 6.2 to 1 |
| 26 | `#8f9045` | `oklch(63.69% 0.0983 110.02)` | April Hills | black, 6.2 to 1 |
| 27 | `#988d3c` | `oklch(63.60% 0.1026 101.15)` | Jalapeño | black, 6.1 to 1 |
| 28 | `#a18835` | `oklch(63.26% 0.1054 92.33)` | Dried Tobacco | black, 6 to 1 |
| 29 | `#a78232` | `oklch(62.61% 0.1063 83.40)` | Cloisonné Gold | black, 5.8 to 1 |
| 30 | `#ab7a34` | `oklch(61.47% 0.1054 73.26)` | Billet | black, 5.5 to 1 |
| 31 | `#ab713a` | `oklch(59.88% 0.1028 62.00)` | Byzantine Copper | black, 5.1 to 1 |
| 32 | `#a96842` | `oklch(57.95% 0.0988 49.96)` | Maple Glaze | black, 4.7 to 1 |
| 33 | `#a35f4b` | `oklch(55.75% 0.0938 37.46)` | Deer Tracks | white, 4.8 to 1 |
| 34 | `#9a5853` | `oklch(53.38% 0.0881 24.81)` | Walleye | white, 5.4 to 1 |
| 35 | `#8e5159` | `oklch(50.92% 0.0819 12.34)` | Fragrant Cherry | white, 6 to 1 |
| 36 | `#824c5d` | `oklch(48.48% 0.0755 0.36)` | Frenzied Red | white, 6.6 to 1 |
| 37 | `#75485e` | `oklch(46.13% 0.0692 349.21)` | Bewitching | white, 7.3 to 1 |
| 38 | `#6a445e` | `oklch(43.97% 0.0633 339.20)` | Prune Purple | white, 8 to 1 |
| 39 | `#60425c` | `oklch(42.09% 0.0581 330.66)` | Hortensia | white, 8.6 to 1 |
| 40 | `#583f5a` | `oklch(40.57% 0.0539 323.91)` | Navy Cosmos | white, 9.2 to 1 |
| 41 | `#523e58` | `oklch(39.52% 0.0510 319.26)` | Bella | white, 9.6 to 1 |
| 42 | `#503d57` | `oklch(39.01% 0.0497 317.05)` | Amethyst Dark Violet | white, 9.8 to 1 |
| 43 | `#513d57` | `oklch(39.11% 0.0500 317.69)` | Amethyst Dark Violet | white, 9.7 to 1 |
| 44 | `#543e58` | `oklch(39.77% 0.0517 321.36)` | Bella | white, 9.5 to 1 |
| 45 | `#5a3f59` | `oklch(40.91% 0.0546 327.64)` | Dreamy Heaven | white, 9.1 to 1 |
| 46 | `#63425a` | `oklch(42.44% 0.0584 336.09)` | Hortensia | white, 8.5 to 1 |
| 47 | `#6d455a` | `oklch(44.29% 0.0630 346.26)` | Prune Purple | white, 7.9 to 1 |
| 48 | `#784959` | `oklch(46.37% 0.0681 357.72)` | Nocturne Red | white, 7.2 to 1 |
| 49 | `#834d56` | `oklch(48.61% 0.0736 10.03)` | Rouge Charm | white, 6.6 to 1 |
| 50 | `#8e5350` | `oklch(50.92% 0.0793 22.73)` | Apple Butter | white, 6 to 1 |
| 51 | `#975a4a` | `oklch(53.22% 0.0850 35.39)` | Caliente | white, 5.4 to 1 |
| 52 | `#9e6242` | `oklch(55.43% 0.0904 47.58)` | Mocha Bisque | white, 4.9 to 1 |
| 53 | `#a26a3b` | `oklch(57.48% 0.0954 58.84)` | Hot Ginger | black, 4.6 to 1 |
| 54 | `#a57235` | `oklch(59.28% 0.0999 68.73)` | Digger’s Gold | black, 5 to 1 |
| 55 | `#a57932` | `oklch(60.75% 0.1035 76.82)` | Natural Evolution | black, 5.4 to 1 |
| 56 | `#a57f30` | `oklch(61.81% 0.1061 82.67)` | Burnt Honey | black, 5.6 to 1 |

## CSS

```css
background: linear-gradient(45deg, #3a505e 0.0%, #3b515f 1.8%, #3e5360 3.6%, #415662 5.5%, #445963 7.3%, #485c65 9.1%, #4c5f67 10.9%, #516269 12.7%, #55666c 14.5%, #59696e 16.4%, #5d6d71 18.2%, #607073 20.0%, #627375 21.8%, #647678 23.6%, #657979 25.5%, #657d7b 27.3%, #64817c 29.1%, #64847c 30.9%, #64887a 32.7%, #658c77 34.5%, #679073 36.4%, #6c926c 38.2%, #729464 40.0%, #7b945a 41.8%, #859350 43.6%, #8f9045 45.5%, #988d3c 47.3%, #a18835 49.1%, #a78232 50.9%, #ab7a34 52.7%, #ab713a 54.5%, #a96842 56.4%, #a35f4b 58.2%, #9a5853 60.0%, #8e5159 61.8%, #824c5d 63.6%, #75485e 65.5%, #6a445e 67.3%, #60425c 69.1%, #583f5a 70.9%, #523e58 72.7%, #503d57 74.5%, #513d57 76.4%, #543e58 78.2%, #5a3f59 80.0%, #63425a 81.8%, #6d455a 83.6%, #784959 85.5%, #834d56 87.3%, #8e5350 89.1%, #975a4a 90.9%, #9e6242 92.7%, #a26a3b 94.5%, #a57235 96.4%, #a57932 98.2%, #a57f30 100.0%);
background: linear-gradient(45deg in oklch, oklch(41.73% 0.0358 236.95) 0.0%, oklch(42.34% 0.0351 235.46) 1.8%, oklch(43.11% 0.0338 233.87) 3.6%, oklch(44.01% 0.0322 232.15) 5.5%, oklch(45.03% 0.0303 230.27) 7.3%, oklch(46.14% 0.0282 228.20) 9.1%, oklch(47.31% 0.0262 225.90) 10.9%, oklch(48.53% 0.0242 223.34) 12.7%, oklch(49.76% 0.0225 220.49) 14.5%, oklch(50.98% 0.0212 217.32) 16.4%, oklch(52.17% 0.0203 213.79) 18.2%, oklch(53.30% 0.0200 209.87) 20.0%, oklch(54.34% 0.0205 205.52) 21.8%, oklch(55.29% 0.0218 200.72) 23.6%, oklch(56.10% 0.0241 195.42) 25.5%, oklch(56.93% 0.0279 189.57) 27.3%, oklch(57.82% 0.0331 183.17) 29.1%, oklch(58.73% 0.0394 176.28) 30.9%, oklch(59.65% 0.0466 168.95) 32.7%, oklch(60.53% 0.0543 161.25) 34.5%, oklch(61.36% 0.0624 153.22) 36.4%, oklch(62.10% 0.0706 144.91) 38.2%, oklch(62.74% 0.0785 136.38) 40.0%, oklch(63.23% 0.0859 127.69) 41.8%, oklch(63.56% 0.0926 118.89) 43.6%, oklch(63.69% 0.0983 110.02) 45.5%, oklch(63.60% 0.1026 101.15) 47.3%, oklch(63.26% 0.1054 92.33) 49.1%, oklch(62.61% 0.1063 83.40) 50.9%, oklch(61.47% 0.1054 73.26) 52.7%, oklch(59.88% 0.1028 62.00) 54.5%, oklch(57.95% 0.0988 49.96) 56.4%, oklch(55.75% 0.0938 37.46) 58.2%, oklch(53.38% 0.0881 24.81) 60.0%, oklch(50.92% 0.0819 12.34) 61.8%, oklch(48.48% 0.0755 0.36) 63.6%, oklch(46.13% 0.0692 349.21) 65.5%, oklch(43.97% 0.0633 339.20) 67.3%, oklch(42.09% 0.0581 330.66) 69.1%, oklch(40.57% 0.0539 323.91) 70.9%, oklch(39.52% 0.0510 319.26) 72.7%, oklch(39.01% 0.0497 317.05) 74.5%, oklch(39.11% 0.0500 317.69) 76.4%, oklch(39.77% 0.0517 321.36) 78.2%, oklch(40.91% 0.0546 327.64) 80.0%, oklch(42.44% 0.0584 336.09) 81.8%, oklch(44.29% 0.0630 346.26) 83.6%, oklch(46.37% 0.0681 357.72) 85.5%, oklch(48.61% 0.0736 10.03) 87.3%, oklch(50.92% 0.0793 22.73) 89.1%, oklch(53.22% 0.0850 35.39) 90.9%, oklch(55.43% 0.0904 47.58) 92.7%, oklch(57.48% 0.0954 58.84) 94.5%, oklch(59.28% 0.0999 68.73) 96.4%, oklch(60.75% 0.1035 76.82) 98.2%, oklch(61.81% 0.1061 82.67) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.417 | 0.036 | 237 |
| 2 | 0.559 | 0.023 | 196.8 |
| 3 | 0.63 | 0.106 | 88 |
| 4 | 0.39 | 0.05 | -43.1 |
| 5 | 0.618 | 0.106 | 82.7 |

## Other forms

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