# Copper rust teal diagonal

Brown, teal and orange linear gradient with 32 colors: #2e2424, #352925, #3c3026, #423b29, #424832, #3d5642, #376257, #346c69, #327475, #317d77, #39856e, #53895a, #78883f, #9a8129, #b3772d, #c06e3f, #c2674b, #bd5f4d, #b35749, #a64e41, #994536, #8d3e2b, #853821, #81351b, #84351a, #8c381b, #973d1e, #a54421, #b44b25, #c35328, #cf592b, #d75d2d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown, teal and orange linear gradient
- Seed: `kWRQsNQRfU86src2qT9z7xAI`
- Page: https://grabient.com/kWRQsNQRfU86src2qT9z7xAI?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: vivid, warm
- Hues: complementary
- Contrast of its darkest and lightest colors: 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 | `#2e2424` | `oklch(27.17% 0.0152 18.28)` | Gold Black | white, 15 to 1 |
| 2 | `#352925` | `oklch(29.19% 0.0191 34.90)` | Betel Nut Dye | white, 14.1 to 1 |
| 3 | `#3c3026` | `oklch(31.99% 0.0242 59.66)` | Cola Bubble | white, 12.7 to 1 |
| 4 | `#423b29` | `oklch(35.33% 0.0304 89.28)` | Scorched Metal | white, 11.1 to 1 |
| 5 | `#424832` | `oklch(38.97% 0.0372 120.50)` | Rifle Green | white, 9.5 to 1 |
| 6 | `#3d5642` | `oklch(42.67% 0.0445 150.03)` | O’Neal Green | white, 8 to 1 |
| 7 | `#376257` | `oklch(46.19% 0.0520 174.61)` | Posy Green | white, 6.8 to 1 |
| 8 | `#346c69` | `oklch(49.28% 0.0594 190.94)` | North Sea | white, 5.9 to 1 |
| 9 | `#327475` | `oklch(51.74% 0.0665 195.79)` | Jungle Noises | white, 5.3 to 1 |
| 10 | `#317d77` | `oklch(53.98% 0.0744 188.24)` | Zirconia Teal | white, 4.8 to 1 |
| 11 | `#39856e` | `oklch(56.13% 0.0830 171.06)` | Dream Green | black, 4.7 to 1 |
| 12 | `#53895a` | `oklch(58.09% 0.0919 147.33)` | Emerald Ring | black, 5.1 to 1 |
| 13 | `#78883f` | `oklch(59.76% 0.1006 120.17)` | Laird | black, 5.4 to 1 |
| 14 | `#9a8129` | `oklch(61.04% 0.1087 92.64)` | Spruced Up | black, 5.5 to 1 |
| 15 | `#b3772d` | `oklch(61.81% 0.1156 67.86)` | Butterbeer | black, 5.5 to 1 |
| 16 | `#c06e3f` | `oklch(61.98% 0.1208 48.91)` | Screaming Bell Metal | black, 5.5 to 1 |
| 17 | `#c2674b` | `oklch(61.35% 0.1238 38.10)` | Warm Cider | black, 5.3 to 1 |
| 18 | `#bd5f4d` | `oklch(59.43% 0.1241 32.29)` | Flame Pea | black, 4.9 to 1 |
| 19 | `#b35749` | `oklch(56.54% 0.1223 29.97)` | Hot and Spicy | white, 4.8 to 1 |
| 20 | `#a64e41` | `oklch(53.12% 0.1194 30.20)` | BBQ | white, 5.5 to 1 |
| 21 | `#994536` | `oklch(49.62% 0.1161 32.08)` | Mojo | white, 6.4 to 1 |
| 22 | `#8d3e2b` | `oklch(46.46% 0.1133 34.67)` | Fire | white, 7.3 to 1 |
| 23 | `#853821` | `oklch(44.09% 0.1118 37.06)` | Kofta Brown | white, 8.1 to 1 |
| 24 | `#81351b` | `oklch(42.96% 0.1124 38.33)` | Warmth of Teamwork | white, 8.5 to 1 |
| 25 | `#84351a` | `oklch(43.38% 0.1158 38.32)` | Rogan Josh | white, 8.4 to 1 |
| 26 | `#8c381b` | `oklch(45.14% 0.1217 38.45)` | Red Prairie | white, 7.8 to 1 |
| 27 | `#973d1e` | `oklch(47.85% 0.1291 38.73)` | Hot Brown | white, 6.9 to 1 |
| 28 | `#a54421` | `oklch(51.14% 0.1375 39.10)` | Potter’s Clay | white, 6 to 1 |
| 29 | `#b44b25` | `oklch(54.64% 0.1460 39.52)` | Cattail Red | white, 5.2 to 1 |
| 30 | `#c35328` | `oklch(57.96% 0.1540 39.92)` | Raucous Orange | white, 4.5 to 1 |
| 31 | `#cf592b` | `oklch(60.74% 0.1607 40.26)` | Play School | black, 5.1 to 1 |
| 32 | `#d75d2d` | `oklch(62.60% 0.1654 40.47)` | Tangerine Bliss | black, 5.5 to 1 |

## CSS

```css
background: linear-gradient(225deg, #2e2424 0.0%, #352925 3.2%, #3c3026 6.5%, #423b29 9.7%, #424832 12.9%, #3d5642 16.1%, #376257 19.4%, #346c69 22.6%, #327475 25.8%, #317d77 29.0%, #39856e 32.3%, #53895a 35.5%, #78883f 38.7%, #9a8129 41.9%, #b3772d 45.2%, #c06e3f 48.4%, #c2674b 51.6%, #bd5f4d 54.8%, #b35749 58.1%, #a64e41 61.3%, #994536 64.5%, #8d3e2b 67.7%, #853821 71.0%, #81351b 74.2%, #84351a 77.4%, #8c381b 80.6%, #973d1e 83.9%, #a54421 87.1%, #b44b25 90.3%, #c35328 93.5%, #cf592b 96.8%, #d75d2d 100.0%);
background: linear-gradient(225deg in oklch, oklch(27.17% 0.0152 18.28) 0.0%, oklch(29.19% 0.0191 34.90) 3.2%, oklch(31.99% 0.0242 59.66) 6.5%, oklch(35.33% 0.0304 89.28) 9.7%, oklch(38.97% 0.0372 120.50) 12.9%, oklch(42.67% 0.0445 150.03) 16.1%, oklch(46.19% 0.0520 174.61) 19.4%, oklch(49.28% 0.0594 190.94) 22.6%, oklch(51.74% 0.0665 195.79) 25.8%, oklch(53.98% 0.0744 188.24) 29.0%, oklch(56.13% 0.0830 171.06) 32.3%, oklch(58.09% 0.0919 147.33) 35.5%, oklch(59.76% 0.1006 120.17) 38.7%, oklch(61.04% 0.1087 92.64) 41.9%, oklch(61.81% 0.1156 67.86) 45.2%, oklch(61.98% 0.1208 48.91) 48.4%, oklch(61.35% 0.1238 38.10) 51.6%, oklch(59.43% 0.1241 32.29) 54.8%, oklch(56.54% 0.1223 29.97) 58.1%, oklch(53.12% 0.1194 30.20) 61.3%, oklch(49.62% 0.1161 32.08) 64.5%, oklch(46.46% 0.1133 34.67) 67.7%, oklch(44.09% 0.1118 37.06) 71.0%, oklch(42.96% 0.1124 38.33) 74.2%, oklch(43.38% 0.1158 38.32) 77.4%, oklch(45.14% 0.1217 38.45) 80.6%, oklch(47.85% 0.1291 38.73) 83.9%, oklch(51.14% 0.1375 39.10) 87.1%, oklch(54.64% 0.1460 39.52) 90.3%, oklch(57.96% 0.1540 39.92) 93.5%, oklch(60.74% 0.1607 40.26) 96.8%, oklch(62.60% 0.1654 40.47) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.272 | 0.015 | 18.3 |
| 2 | 0.512 | 0.065 | 195.8 |
| 3 | 0.618 | 0.123 | 42.6 |
| 4 | 0.429 | 0.113 | 38.4 |
| 5 | 0.626 | 0.165 | 40.5 |

## In these collections

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

## Other forms

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