# Copper teal mint diagonal

Analogous brown, maroon and gray linear gradient with 64 colors: #b85524, #b75525, #b65426, #b55328, #b4522a, #b2512b, #b0502d, #ae4f2f, #ac4d31, #aa4c33, #a84a34, #a64936, #a34738, #a14639, #9e453a, #9c443b, #99423d, #97413d, #95413e, #92403f, #903f3f, #8e3f40, #8c3e40, #8a3e40, #893e40, #883e40, #863f40, #863f40, #854040, #854140, #85423f, #85443f, #86463f, #87483f, #884b3e, #894e3e, #8b523e, #8c553f, #8e5a3f, #905e40, #916341, #926843, #946e46, #957349, #96794d, #977f51, #978556, #988b5c, #989162, #999669, #999c70, #9aa277, #9aa77e, #9bac85, #9cb18c, #9db693, #9eba9a, #9fbea1, #a0c2a7, #a2c5ad, #a4c8b2, #a5cbb7, #a7cebb, #a8d0be. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous brown, maroon and gray linear gradient
- Seed: `kSkGcfu6C92iR0I`
- Page: https://grabient.com/kSkGcfu6C92iR0I?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: dark center, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 4.4 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 | `#b85524` | `oklch(56.69% 0.1419 44.30)` | Roland-Garros | white, 4.7 to 1 |
| 2 | `#b75525` | `oklch(56.50% 0.1410 43.92)` | Fallen Canopy | white, 4.8 to 1 |
| 3 | `#b65426` | `oklch(56.26% 0.1400 43.36)` | Roland-Garros | white, 4.8 to 1 |
| 4 | `#b55328` | `oklch(55.95% 0.1389 42.64)` | Gold Flame | white, 4.9 to 1 |
| 5 | `#b4522a` | `oklch(55.60% 0.1377 41.77)` | Gold Flame | white, 5 to 1 |
| 6 | `#b2512b` | `oklch(55.20% 0.1364 40.77)` | Cinnamon Stick | white, 5.1 to 1 |
| 7 | `#b0502d` | `oklch(54.77% 0.1351 39.67)` | Red Stage | white, 5.1 to 1 |
| 8 | `#ae4f2f` | `oklch(54.30% 0.1336 38.47)` | Rose of Sharon | white, 5.3 to 1 |
| 9 | `#ac4d31` | `oklch(53.80% 0.1321 37.19)` | Suzume Brown | white, 5.4 to 1 |
| 10 | `#aa4c33` | `oklch(53.28% 0.1305 35.85)` | Sun’s Rage | white, 5.5 to 1 |
| 11 | `#a84a34` | `oklch(52.74% 0.1288 34.47)` | Barbarossa | white, 5.6 to 1 |
| 12 | `#a64936` | `oklch(52.19% 0.1271 33.06)` | Barbarossa | white, 5.8 to 1 |
| 13 | `#a34738` | `oklch(51.63% 0.1253 31.64)` | Toasted Cranberry | white, 5.9 to 1 |
| 14 | `#a14639` | `oklch(51.07% 0.1235 30.23)` | Toasted Cranberry | white, 6 to 1 |
| 15 | `#9e453a` | `oklch(50.51% 0.1216 28.85)` | Chilli Oil | white, 6.2 to 1 |
| 16 | `#9c443b` | `oklch(49.96% 0.1198 27.50)` | Chilli Oil | white, 6.3 to 1 |
| 17 | `#99423d` | `oklch(49.42% 0.1179 26.21)` | Attar of Rose | white, 6.5 to 1 |
| 18 | `#97413d` | `oklch(48.91% 0.1159 25.00)` | Spicy Red | white, 6.6 to 1 |
| 19 | `#95413e` | `oklch(48.42% 0.1140 23.88)` | Spicy Red | white, 6.8 to 1 |
| 20 | `#92403f` | `oklch(47.96% 0.1120 22.87)` | Red Red Red | white, 6.9 to 1 |
| 21 | `#903f3f` | `oklch(47.53% 0.1101 21.99)` | Red Red Red | white, 7 to 1 |
| 22 | `#8e3f40` | `oklch(47.14% 0.1081 21.24)` | Codman Claret | white, 7.1 to 1 |
| 23 | `#8c3e40` | `oklch(46.80% 0.1062 20.66)` | Ruggero Red | white, 7.2 to 1 |
| 24 | `#8a3e40` | `oklch(46.51% 0.1043 20.26)` | Cranberry Tart | white, 7.3 to 1 |
| 25 | `#893e40` | `oklch(46.28% 0.1024 20.04)` | Cranberry Tart | white, 7.4 to 1 |
| 26 | `#883e40` | `oklch(46.11% 0.1005 20.04)` | Apple Polish | white, 7.4 to 1 |
| 27 | `#863f40` | `oklch(46.00% 0.0987 20.27)` | Apple Polish | white, 7.5 to 1 |
| 28 | `#863f40` | `oklch(45.97% 0.0969 20.74)` | Apple Polish | white, 7.5 to 1 |
| 29 | `#854040` | `oklch(46.01% 0.0952 21.47)` | Aged Brandy | white, 7.4 to 1 |
| 30 | `#854140` | `oklch(46.14% 0.0935 22.48)` | Aged Brandy | white, 7.4 to 1 |
| 31 | `#85423f` | `oklch(46.35% 0.0919 23.78)` | Strawberry Jam | white, 7.3 to 1 |
| 32 | `#85443f` | `oklch(46.66% 0.0903 25.40)` | Spiced Berry | white, 7.2 to 1 |
| 33 | `#86463f` | `oklch(47.07% 0.0888 27.36)` | Spiced Berry | white, 7.1 to 1 |
| 34 | `#87483f` | `oklch(47.60% 0.0873 29.75)` | Spice of Life | white, 6.9 to 1 |
| 35 | `#884b3e` | `oklch(48.24% 0.0858 32.56)` | Rusted Nail | white, 6.7 to 1 |
| 36 | `#894e3e` | `oklch(48.99% 0.0843 35.76)` | Mule Fawn | white, 6.5 to 1 |
| 37 | `#8b523e` | `oklch(49.85% 0.0827 39.32)` | Annatto | white, 6.2 to 1 |
| 38 | `#8c553f` | `oklch(50.79% 0.0812 43.21)` | Brown Patina | white, 5.9 to 1 |
| 39 | `#8e5a3f` | `oklch(51.82% 0.0796 47.41)` | Rope | white, 5.7 to 1 |
| 40 | `#905e40` | `oklch(52.92% 0.0781 51.88)` | Western Pursuit | white, 5.4 to 1 |
| 41 | `#916341` | `oklch(54.10% 0.0765 56.59)` | Topaz Mountain | white, 5.1 to 1 |
| 42 | `#926843` | `oklch(55.33% 0.0750 61.52)` | Common Jasper | white, 4.8 to 1 |
| 43 | `#946e46` | `oklch(56.62% 0.0734 66.65)` | El Caramelo | white, 4.6 to 1 |
| 44 | `#957349` | `oklch(57.95% 0.0719 71.93)` | Dancing Bear | black, 4.8 to 1 |
| 45 | `#96794d` | `oklch(59.33% 0.0704 77.34)` | Weathered Wicker | black, 5.1 to 1 |
| 46 | `#977f51` | `oklch(60.73% 0.0689 82.85)` | Grassy Cliff | black, 5.4 to 1 |
| 47 | `#978556` | `oklch(62.15% 0.0674 88.44)` | Spacious Plain | black, 5.7 to 1 |
| 48 | `#988b5c` | `oklch(63.59% 0.0660 94.07)` | In a Pickle | black, 6.1 to 1 |
| 49 | `#989162` | `oklch(65.04% 0.0646 99.72)` | Tate Olive | black, 6.5 to 1 |
| 50 | `#999669` | `oklch(66.48% 0.0632 105.36)` | Guacamole | black, 6.9 to 1 |
| 51 | `#999c70` | `oklch(67.92% 0.0618 110.95)` | Domain | black, 7.3 to 1 |
| 52 | `#9aa277` | `oklch(69.34% 0.0605 116.48)` | Dill Powder | black, 7.7 to 1 |
| 53 | `#9aa77e` | `oklch(70.73% 0.0592 121.90)` | Forester | black, 8.2 to 1 |
| 54 | `#9bac85` | `oklch(72.10% 0.0579 127.20)` | Cardoon | black, 8.6 to 1 |
| 55 | `#9cb18c` | `oklch(73.42% 0.0567 132.35)` | Venetian Glass | black, 9 to 1 |
| 56 | `#9db693` | `oklch(74.70% 0.0555 137.30)` | Brookview | black, 9.5 to 1 |
| 57 | `#9eba9a` | `oklch(75.92% 0.0544 142.05)` | Quiet Green | black, 9.9 to 1 |
| 58 | `#9fbea1` | `oklch(77.08% 0.0534 146.55)` | Spring Rain | black, 10.3 to 1 |
| 59 | `#a0c2a7` | `oklch(78.17% 0.0524 150.79)` | Aroma Garden | black, 10.7 to 1 |
| 60 | `#a2c5ad` | `oklch(79.18% 0.0514 154.72)` | Mini Green | black, 11.1 to 1 |
| 61 | `#a4c8b2` | `oklch(80.10% 0.0505 158.32)` | Lobaria Lichen | black, 11.5 to 1 |
| 62 | `#a5cbb7` | `oklch(80.93% 0.0497 161.57)` | Bird’s Egg Green | black, 11.8 to 1 |
| 63 | `#a7cebb` | `oklch(81.66% 0.0489 164.43)` | Bird’s Egg Green | black, 12.1 to 1 |
| 64 | `#a8d0be` | `oklch(82.28% 0.0482 166.88)` | Swimming Pool Green | black, 12.3 to 1 |

## CSS

```css
background: linear-gradient(225deg, #b85524 0.0%, #b75525 1.6%, #b65426 3.2%, #b55328 4.8%, #b4522a 6.3%, #b2512b 7.9%, #b0502d 9.5%, #ae4f2f 11.1%, #ac4d31 12.7%, #aa4c33 14.3%, #a84a34 15.9%, #a64936 17.5%, #a34738 19.0%, #a14639 20.6%, #9e453a 22.2%, #9c443b 23.8%, #99423d 25.4%, #97413d 27.0%, #95413e 28.6%, #92403f 30.2%, #903f3f 31.7%, #8e3f40 33.3%, #8c3e40 34.9%, #8a3e40 36.5%, #893e40 38.1%, #883e40 39.7%, #863f40 41.3%, #863f40 42.9%, #854040 44.4%, #854140 46.0%, #85423f 47.6%, #85443f 49.2%, #86463f 50.8%, #87483f 52.4%, #884b3e 54.0%, #894e3e 55.6%, #8b523e 57.1%, #8c553f 58.7%, #8e5a3f 60.3%, #905e40 61.9%, #916341 63.5%, #926843 65.1%, #946e46 66.7%, #957349 68.3%, #96794d 69.8%, #977f51 71.4%, #978556 73.0%, #988b5c 74.6%, #989162 76.2%, #999669 77.8%, #999c70 79.4%, #9aa277 81.0%, #9aa77e 82.5%, #9bac85 84.1%, #9cb18c 85.7%, #9db693 87.3%, #9eba9a 88.9%, #9fbea1 90.5%, #a0c2a7 92.1%, #a2c5ad 93.7%, #a4c8b2 95.2%, #a5cbb7 96.8%, #a7cebb 98.4%, #a8d0be 100.0%);
background: linear-gradient(225deg in oklch, oklch(56.69% 0.1419 44.30) 0.0%, oklch(56.50% 0.1410 43.92) 1.6%, oklch(56.26% 0.1400 43.36) 3.2%, oklch(55.95% 0.1389 42.64) 4.8%, oklch(55.60% 0.1377 41.77) 6.3%, oklch(55.20% 0.1364 40.77) 7.9%, oklch(54.77% 0.1351 39.67) 9.5%, oklch(54.30% 0.1336 38.47) 11.1%, oklch(53.80% 0.1321 37.19) 12.7%, oklch(53.28% 0.1305 35.85) 14.3%, oklch(52.74% 0.1288 34.47) 15.9%, oklch(52.19% 0.1271 33.06) 17.5%, oklch(51.63% 0.1253 31.64) 19.0%, oklch(51.07% 0.1235 30.23) 20.6%, oklch(50.51% 0.1216 28.85) 22.2%, oklch(49.96% 0.1198 27.50) 23.8%, oklch(49.42% 0.1179 26.21) 25.4%, oklch(48.91% 0.1159 25.00) 27.0%, oklch(48.42% 0.1140 23.88) 28.6%, oklch(47.96% 0.1120 22.87) 30.2%, oklch(47.53% 0.1101 21.99) 31.7%, oklch(47.14% 0.1081 21.24) 33.3%, oklch(46.80% 0.1062 20.66) 34.9%, oklch(46.51% 0.1043 20.26) 36.5%, oklch(46.28% 0.1024 20.04) 38.1%, oklch(46.11% 0.1005 20.04) 39.7%, oklch(46.00% 0.0987 20.27) 41.3%, oklch(45.97% 0.0969 20.74) 42.9%, oklch(46.01% 0.0952 21.47) 44.4%, oklch(46.14% 0.0935 22.48) 46.0%, oklch(46.35% 0.0919 23.78) 47.6%, oklch(46.66% 0.0903 25.40) 49.2%, oklch(47.07% 0.0888 27.36) 50.8%, oklch(47.60% 0.0873 29.75) 52.4%, oklch(48.24% 0.0858 32.56) 54.0%, oklch(48.99% 0.0843 35.76) 55.6%, oklch(49.85% 0.0827 39.32) 57.1%, oklch(50.79% 0.0812 43.21) 58.7%, oklch(51.82% 0.0796 47.41) 60.3%, oklch(52.92% 0.0781 51.88) 61.9%, oklch(54.10% 0.0765 56.59) 63.5%, oklch(55.33% 0.0750 61.52) 65.1%, oklch(56.62% 0.0734 66.65) 66.7%, oklch(57.95% 0.0719 71.93) 68.3%, oklch(59.33% 0.0704 77.34) 69.8%, oklch(60.73% 0.0689 82.85) 71.4%, oklch(62.15% 0.0674 88.44) 73.0%, oklch(63.59% 0.0660 94.07) 74.6%, oklch(65.04% 0.0646 99.72) 76.2%, oklch(66.48% 0.0632 105.36) 77.8%, oklch(67.92% 0.0618 110.95) 79.4%, oklch(69.34% 0.0605 116.48) 81.0%, oklch(70.73% 0.0592 121.90) 82.5%, oklch(72.10% 0.0579 127.20) 84.1%, oklch(73.42% 0.0567 132.35) 85.7%, oklch(74.70% 0.0555 137.30) 87.3%, oklch(75.92% 0.0544 142.05) 88.9%, oklch(77.08% 0.0534 146.55) 90.5%, oklch(78.17% 0.0524 150.79) 92.1%, oklch(79.18% 0.0514 154.72) 93.7%, oklch(80.10% 0.0505 158.32) 95.2%, oklch(80.93% 0.0497 161.57) 96.8%, oklch(81.66% 0.0489 164.43) 98.4%, oklch(82.28% 0.0482 166.88) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.567 | 0.142 | 44.3 |
| 2 | 0.469 | 0.09 | 26.3 |
| 3 | 0.823 | 0.048 | 166.9 |

## In these collections

- [Blackberry bramble](https://grabient.com/blackberry-bramble)
- [Copper](https://grabient.com/copper)

## Other forms

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