# Copper silver lavender diagonal

Olive, brown, mauve and gray linear gradient with 64 colors: #8f9341, #909340, #919240, #939240, #959140, #96913f, #98913f, #9a903f, #9b9040, #9d8f40, #9f8f40, #a18e41, #a38e41, #a48d42, #a68d43, #a88c44, #aa8c45, #ac8b46, #ae8a48, #af8a49, #b1894b, #b3894d, #b58850, #b68752, #b88755, #b98657, #ba865a, #bb855e, #bc8561, #bd8464, #be8468, #be846c, #bf8370, #bf8374, #bf8378, #be837d, #bd8382, #bc8487, #bb848c, #b98590, #b78695, #b58799, #b2889e, #af8aa1, #ac8ba4, #a98da7, #a68eaa, #a390ab, #a091ad, #9d93ae, #9b94ae, #9895ae, #9697ae, #9598ad, #9499ac, #9399ab, #929aaa, #929ba9, #929ba7, #929ca6, #929ca5, #929ca4, #939ca3, #939da3. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Olive, brown, mauve and gray linear gradient
- Seed: `kSo01P1J03leFLG`
- Page: https://grabient.com/kSo01P1J03leFLG?steps=64&angle=45
- Drawn as: linear gradient, 64 steps, 45 degrees
- Kinds: even lightness, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 1.1 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 | `#8f9341` | `oklch(64.17% 0.1061 111.80)` | April Hills | black, 6.4 to 1 |
| 2 | `#909340` | `oklch(64.21% 0.1057 110.65)` | Bean Shoot | black, 6.4 to 1 |
| 3 | `#919240` | `oklch(64.26% 0.1052 109.45)` | April Hills | black, 6.4 to 1 |
| 4 | `#939240` | `oklch(64.31% 0.1048 108.20)` | April Hills | black, 6.4 to 1 |
| 5 | `#959140` | `oklch(64.36% 0.1043 106.89)` | April Hills | black, 6.4 to 1 |
| 6 | `#96913f` | `oklch(64.42% 0.1038 105.53)` | Delta Break | black, 6.4 to 1 |
| 7 | `#98913f` | `oklch(64.48% 0.1033 104.11)` | Gecko | black, 6.4 to 1 |
| 8 | `#9a903f` | `oklch(64.54% 0.1028 102.63)` | Banana Leaf | black, 6.4 to 1 |
| 9 | `#9b9040` | `oklch(64.61% 0.1023 101.08)` | Banana Leaf | black, 6.4 to 1 |
| 10 | `#9d8f40` | `oklch(64.68% 0.1017 99.47)` | Banana Leaf | black, 6.4 to 1 |
| 11 | `#9f8f40` | `oklch(64.75% 0.1011 97.79)` | Banana Leaf | black, 6.4 to 1 |
| 12 | `#a18e41` | `oklch(64.82% 0.1005 96.04)` | Off the Grid | black, 6.4 to 1 |
| 13 | `#a38e41` | `oklch(64.90% 0.0998 94.22)` | Off the Grid | black, 6.4 to 1 |
| 14 | `#a48d42` | `oklch(64.98% 0.0992 92.32)` | Off the Grid | black, 6.4 to 1 |
| 15 | `#a68d43` | `oklch(65.06% 0.0985 90.35)` | Luxor Gold | black, 6.5 to 1 |
| 16 | `#a88c44` | `oklch(65.14% 0.0977 88.29)` | Plaguelands Beige | black, 6.5 to 1 |
| 17 | `#aa8c45` | `oklch(65.23% 0.0970 86.16)` | Plaguelands Beige | black, 6.5 to 1 |
| 18 | `#ac8b46` | `oklch(65.31% 0.0961 83.94)` | Amber Green | black, 6.5 to 1 |
| 19 | `#ae8a48` | `oklch(65.40% 0.0953 81.63)` | Indian Spice | black, 6.5 to 1 |
| 20 | `#af8a49` | `oklch(65.49% 0.0944 79.24)` | Havana Cigar | black, 6.5 to 1 |
| 21 | `#b1894b` | `oklch(65.57% 0.0935 76.76)` | Havana Cigar | black, 6.5 to 1 |
| 22 | `#b3894d` | `oklch(65.66% 0.0926 74.18)` | Funchal Yellow | black, 6.5 to 1 |
| 23 | `#b58850` | `oklch(65.75% 0.0916 71.51)` | Sand Mountain | black, 6.5 to 1 |
| 24 | `#b68752` | `oklch(65.84% 0.0906 68.75)` | Sand Mountain | black, 6.5 to 1 |
| 25 | `#b88755` | `oklch(65.92% 0.0895 65.88)` | Canvas | black, 6.6 to 1 |
| 26 | `#b98657` | `oklch(66.01% 0.0884 62.91)` | Deer | black, 6.6 to 1 |
| 27 | `#ba865a` | `oklch(66.09% 0.0872 59.84)` | Deer | black, 6.6 to 1 |
| 28 | `#bb855e` | `oklch(66.18% 0.0860 56.66)` | Orpington Chicken | black, 6.6 to 1 |
| 29 | `#bc8561` | `oklch(66.26% 0.0847 53.38)` | Orpington Chicken | black, 6.6 to 1 |
| 30 | `#bd8464` | `oklch(66.34% 0.0834 49.98)` | Cognac Brown | black, 6.6 to 1 |
| 31 | `#be8468` | `oklch(66.42% 0.0821 46.47)` | Clay Ground | black, 6.6 to 1 |
| 32 | `#be846c` | `oklch(66.50% 0.0806 42.85)` | Clay Ground | black, 6.6 to 1 |
| 33 | `#bf8370` | `oklch(66.57% 0.0792 39.08)` | Kitchen Terra Cotta | black, 6.6 to 1 |
| 34 | `#bf8374` | `oklch(66.65% 0.0776 35.00)` | Kitchen Terra Cotta | black, 6.7 to 1 |
| 35 | `#bf8378` | `oklch(66.73% 0.0758 30.60)` | Cameo Brown | black, 6.7 to 1 |
| 36 | `#be837d` | `oklch(66.81% 0.0740 25.90)` | Cameo Brown | black, 6.7 to 1 |
| 37 | `#bd8382` | `oklch(66.89% 0.0720 20.94)` | New Haven Rose | black, 6.7 to 1 |
| 38 | `#bc8487` | `oklch(66.98% 0.0699 15.73)` | Notice Me | black, 6.7 to 1 |
| 39 | `#bb848c` | `oklch(67.06% 0.0678 10.30)` | Berry Blush | black, 6.8 to 1 |
| 40 | `#b98590` | `oklch(67.15% 0.0655 4.68)` | Berry Blush | black, 6.8 to 1 |
| 41 | `#b78695` | `oklch(67.24% 0.0632 358.89)` | Punched Pink | black, 6.8 to 1 |
| 42 | `#b58799` | `oklch(67.32% 0.0608 352.96)` | Monastir | black, 6.8 to 1 |
| 43 | `#b2889e` | `oklch(67.41% 0.0584 346.90)` | Orchid Haze | black, 6.9 to 1 |
| 44 | `#af8aa1` | `oklch(67.50% 0.0559 340.76)` | Lavender Herb | black, 6.9 to 1 |
| 45 | `#ac8ba4` | `oklch(67.58% 0.0534 334.54)` | Mauve Musk | black, 6.9 to 1 |
| 46 | `#a98da7` | `oklch(67.67% 0.0509 328.27)` | Aged to Perfection | black, 7 to 1 |
| 47 | `#a68eaa` | `oklch(67.76% 0.0484 321.99)` | Aged to Perfection | black, 7 to 1 |
| 48 | `#a390ab` | `oklch(67.84% 0.0458 315.71)` | Aged to Perfection | black, 7.1 to 1 |
| 49 | `#a091ad` | `oklch(67.93% 0.0433 309.46)` | Compliment | black, 7.1 to 1 |
| 50 | `#9d93ae` | `oklch(68.01% 0.0408 303.26)` | Compliment | black, 7.1 to 1 |
| 51 | `#9b94ae` | `oklch(68.09% 0.0384 297.15)` | Night Music | black, 7.2 to 1 |
| 52 | `#9895ae` | `oklch(68.17% 0.0359 291.13)` | Night Music | black, 7.2 to 1 |
| 53 | `#9697ae` | `oklch(68.25% 0.0336 285.25)` | Bay Fog | black, 7.3 to 1 |
| 54 | `#9598ad` | `oklch(68.32% 0.0313 279.52)` | Bay Fog | black, 7.3 to 1 |
| 55 | `#9499ac` | `oklch(68.39% 0.0290 273.97)` | Ornamental Silver | black, 7.3 to 1 |
| 56 | `#9399ab` | `oklch(68.46% 0.0269 268.62)` | Ornamental Silver | black, 7.4 to 1 |
| 57 | `#929aaa` | `oklch(68.53% 0.0248 263.50)` | Ornamental Silver | black, 7.4 to 1 |
| 58 | `#929ba9` | `oklch(68.60% 0.0228 258.63)` | Blue Heeler | black, 7.4 to 1 |
| 59 | `#929ba7` | `oklch(68.66% 0.0210 254.05)` | Blue Heeler | black, 7.4 to 1 |
| 60 | `#929ca6` | `oklch(68.71% 0.0193 249.76)` | Lost at Sea | black, 7.5 to 1 |
| 61 | `#929ca5` | `oklch(68.76% 0.0177 245.80)` | Lost at Sea | black, 7.5 to 1 |
| 62 | `#929ca4` | `oklch(68.81% 0.0162 242.20)` | Dustblu | black, 7.5 to 1 |
| 63 | `#939ca3` | `oklch(68.86% 0.0149 238.97)` | Dustblu | black, 7.5 to 1 |
| 64 | `#939da3` | `oklch(68.90% 0.0138 236.14)` | Soft Pumice | black, 7.5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #8f9341 0.0%, #909340 1.6%, #919240 3.2%, #939240 4.8%, #959140 6.3%, #96913f 7.9%, #98913f 9.5%, #9a903f 11.1%, #9b9040 12.7%, #9d8f40 14.3%, #9f8f40 15.9%, #a18e41 17.5%, #a38e41 19.0%, #a48d42 20.6%, #a68d43 22.2%, #a88c44 23.8%, #aa8c45 25.4%, #ac8b46 27.0%, #ae8a48 28.6%, #af8a49 30.2%, #b1894b 31.7%, #b3894d 33.3%, #b58850 34.9%, #b68752 36.5%, #b88755 38.1%, #b98657 39.7%, #ba865a 41.3%, #bb855e 42.9%, #bc8561 44.4%, #bd8464 46.0%, #be8468 47.6%, #be846c 49.2%, #bf8370 50.8%, #bf8374 52.4%, #bf8378 54.0%, #be837d 55.6%, #bd8382 57.1%, #bc8487 58.7%, #bb848c 60.3%, #b98590 61.9%, #b78695 63.5%, #b58799 65.1%, #b2889e 66.7%, #af8aa1 68.3%, #ac8ba4 69.8%, #a98da7 71.4%, #a68eaa 73.0%, #a390ab 74.6%, #a091ad 76.2%, #9d93ae 77.8%, #9b94ae 79.4%, #9895ae 81.0%, #9697ae 82.5%, #9598ad 84.1%, #9499ac 85.7%, #9399ab 87.3%, #929aaa 88.9%, #929ba9 90.5%, #929ba7 92.1%, #929ca6 93.7%, #929ca5 95.2%, #929ca4 96.8%, #939ca3 98.4%, #939da3 100.0%);
background: linear-gradient(45deg in oklch, oklch(64.17% 0.1061 111.80) 0.0%, oklch(64.21% 0.1057 110.65) 1.6%, oklch(64.26% 0.1052 109.45) 3.2%, oklch(64.31% 0.1048 108.20) 4.8%, oklch(64.36% 0.1043 106.89) 6.3%, oklch(64.42% 0.1038 105.53) 7.9%, oklch(64.48% 0.1033 104.11) 9.5%, oklch(64.54% 0.1028 102.63) 11.1%, oklch(64.61% 0.1023 101.08) 12.7%, oklch(64.68% 0.1017 99.47) 14.3%, oklch(64.75% 0.1011 97.79) 15.9%, oklch(64.82% 0.1005 96.04) 17.5%, oklch(64.90% 0.0998 94.22) 19.0%, oklch(64.98% 0.0992 92.32) 20.6%, oklch(65.06% 0.0985 90.35) 22.2%, oklch(65.14% 0.0977 88.29) 23.8%, oklch(65.23% 0.0970 86.16) 25.4%, oklch(65.31% 0.0961 83.94) 27.0%, oklch(65.40% 0.0953 81.63) 28.6%, oklch(65.49% 0.0944 79.24) 30.2%, oklch(65.57% 0.0935 76.76) 31.7%, oklch(65.66% 0.0926 74.18) 33.3%, oklch(65.75% 0.0916 71.51) 34.9%, oklch(65.84% 0.0906 68.75) 36.5%, oklch(65.92% 0.0895 65.88) 38.1%, oklch(66.01% 0.0884 62.91) 39.7%, oklch(66.09% 0.0872 59.84) 41.3%, oklch(66.18% 0.0860 56.66) 42.9%, oklch(66.26% 0.0847 53.38) 44.4%, oklch(66.34% 0.0834 49.98) 46.0%, oklch(66.42% 0.0821 46.47) 47.6%, oklch(66.50% 0.0806 42.85) 49.2%, oklch(66.57% 0.0792 39.08) 50.8%, oklch(66.65% 0.0776 35.00) 52.4%, oklch(66.73% 0.0758 30.60) 54.0%, oklch(66.81% 0.0740 25.90) 55.6%, oklch(66.89% 0.0720 20.94) 57.1%, oklch(66.98% 0.0699 15.73) 58.7%, oklch(67.06% 0.0678 10.30) 60.3%, oklch(67.15% 0.0655 4.68) 61.9%, oklch(67.24% 0.0632 358.89) 63.5%, oklch(67.32% 0.0608 352.96) 65.1%, oklch(67.41% 0.0584 346.90) 66.7%, oklch(67.50% 0.0559 340.76) 68.3%, oklch(67.58% 0.0534 334.54) 69.8%, oklch(67.67% 0.0509 328.27) 71.4%, oklch(67.76% 0.0484 321.99) 73.0%, oklch(67.84% 0.0458 315.71) 74.6%, oklch(67.93% 0.0433 309.46) 76.2%, oklch(68.01% 0.0408 303.26) 77.8%, oklch(68.09% 0.0384 297.15) 79.4%, oklch(68.17% 0.0359 291.13) 81.0%, oklch(68.25% 0.0336 285.25) 82.5%, oklch(68.32% 0.0313 279.52) 84.1%, oklch(68.39% 0.0290 273.97) 85.7%, oklch(68.46% 0.0269 268.62) 87.3%, oklch(68.53% 0.0248 263.50) 88.9%, oklch(68.60% 0.0228 258.63) 90.5%, oklch(68.66% 0.0210 254.05) 92.1%, oklch(68.71% 0.0193 249.76) 93.7%, oklch(68.76% 0.0177 245.80) 95.2%, oklch(68.81% 0.0162 242.20) 96.8%, oklch(68.86% 0.0149 238.97) 98.4%, oklch(68.90% 0.0138 236.14) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.642 | 0.106 | 111.8 |
| 2 | 0.665 | 0.08 | 41 |
| 3 | 0.689 | 0.014 | -123.9 |

## In these collections

- [Metallic gradients](https://grabient.com/metallic-gradients)

## Other forms

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