# Copper and oak diagonal glow

Analogous tan, brown and orange linear gradient with 48 colors: #cc925d, #c98d5b, #c58758, #c08056, #ba7953, #b47150, #ad684d, #a5604a, #9d5847, #955144, #8d4a41, #86443e, #7f3f3a, #773a36, #6e3430, #652f2b, #5b2925, #52241f, #4a2019, #421c15, #3c1911, #38180e, #36170d, #36190d, #391c0f, #3f2212, #492b18, #543620, #624328, #705232, #7f613c, #8e7146, #9c7f50, #a98d57, #b4975d, #bc9e60, #c3a15f, #c8a05b, #cc9c54, #d0954d, #d28c46, #d48241, #d4763f, #d36b3f, #d16042, #ce5646, #cc4e4a, #ca484d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous tan, brown and orange linear gradient
- Seed: `kWs0gsOaC7qCSwfbIMTSjw4g`
- Page: https://grabient.com/kWs0gsOaC7qCSwfbIMTSjw4g?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: dark center, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.6 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 | `#cc925d` | `oklch(70.47% 0.0992 61.88)` | Napa Sunset | black, 7.8 to 1 |
| 2 | `#c98d5b` | `oklch(69.21% 0.0988 59.92)` | Orange Pekoe | black, 7.4 to 1 |
| 3 | `#c58758` | `oklch(67.59% 0.0985 57.23)` | Maple Syrup Brown | black, 6.9 to 1 |
| 4 | `#c08056` | `oklch(65.69% 0.0981 53.96)` | Limonite | black, 6.4 to 1 |
| 5 | `#ba7953` | `oklch(63.55% 0.0977 50.28)` | Cattle Drive | black, 5.9 to 1 |
| 6 | `#b47150` | `oklch(61.23% 0.0973 46.36)` | Outlawed Orange | black, 5.3 to 1 |
| 7 | `#ad684d` | `oklch(58.79% 0.0967 42.35)` | Rusty Gate | black, 4.8 to 1 |
| 8 | `#a5604a` | `oklch(56.29% 0.0960 38.43)` | Spiced Carrot | white, 4.7 to 1 |
| 9 | `#9d5847` | `oklch(53.78% 0.0951 34.75)` | Ceramic Brown | white, 5.3 to 1 |
| 10 | `#955144` | `oklch(51.32% 0.0940 31.48)` | Ruskin Red | white, 5.9 to 1 |
| 11 | `#8d4a41` | `oklch(48.97% 0.0927 28.79)` | Rojo Oxide | white, 6.5 to 1 |
| 12 | `#86443e` | `oklch(46.78% 0.0910 26.83)` | Spiced Berry | white, 7.2 to 1 |
| 13 | `#7f3f3a` | `oklch(44.79% 0.0890 25.76)` | Spiced Apple | white, 7.8 to 1 |
| 14 | `#773a36` | `oklch(42.61% 0.0863 25.38)` | Belly Fire | white, 8.6 to 1 |
| 15 | `#6e3430` | `oklch(40.19% 0.0828 25.52)` | Henna Red | white, 9.5 to 1 |
| 16 | `#652f2b` | `oklch(37.61% 0.0789 26.13)` | Rookwood Red | white, 10.5 to 1 |
| 17 | `#5b2925` | `oklch(35.00% 0.0745 27.15)` | Ebicha Brown | white, 11.6 to 1 |
| 18 | `#52241f` | `oklch(32.47% 0.0700 28.55)` | Torrefacto Roast | white, 12.8 to 1 |
| 19 | `#4a2019` | `oklch(30.13% 0.0656 30.25)` | Tobi Brown | white, 13.9 to 1 |
| 20 | `#421c15` | `oklch(28.09% 0.0614 32.22)` | Barbecue Sauce | white, 14.8 to 1 |
| 21 | `#3c1911` | `oklch(26.46% 0.0577 34.39)` | Dark Sienna | white, 15.6 to 1 |
| 22 | `#38180e` | `oklch(25.35% 0.0546 36.71)` | American Bronze | white, 16.1 to 1 |
| 23 | `#36170d` | `oklch(24.87% 0.0524 39.14)` | Tamarind | white, 16.3 to 1 |
| 24 | `#36190d` | `oklch(25.14% 0.0511 41.61)` | Close but No Cigar | white, 16.1 to 1 |
| 25 | `#391c0f` | `oklch(26.32% 0.0511 44.22)` | Close but No Cigar | white, 15.6 to 1 |
| 26 | `#3f2212` | `oklch(28.70% 0.0519 47.67)` | Délicieux au Chocolat | white, 14.4 to 1 |
| 27 | `#492b18` | `oklch(32.12% 0.0534 51.87)` | Subterranean | white, 12.8 to 1 |
| 28 | `#543620` | `oklch(36.34% 0.0557 56.57)` | Brown Bramble | white, 10.8 to 1 |
| 29 | `#624328` | `oklch(41.13% 0.0585 61.55)` | Irish Coffee | white, 8.9 to 1 |
| 30 | `#705232` | `oklch(46.26% 0.0618 66.57)` | Rustic Cabin | white, 7.1 to 1 |
| 31 | `#7f613c` | `oklch(51.51% 0.0655 71.39)` | Coyote Brown | white, 5.6 to 1 |
| 32 | `#8e7146` | `oklch(56.63% 0.0696 75.78)` | Gold Spike | black, 4.5 to 1 |
| 33 | `#9c7f50` | `oklch(61.40% 0.0741 79.49)` | Bronzed Brass | black, 5.5 to 1 |
| 34 | `#a98d57` | `oklch(65.58% 0.0787 82.30)` | Dark Sand | black, 6.6 to 1 |
| 35 | `#b4975d` | `oklch(68.95% 0.0835 83.96)` | Edgy Gold | black, 7.5 to 1 |
| 36 | `#bc9e60` | `oklch(71.26% 0.0883 84.24)` | Eaton Gold | black, 8.2 to 1 |
| 37 | `#c3a15f` | `oklch(72.44% 0.0935 82.86)` | Magic Lamp | black, 8.5 to 1 |
| 38 | `#c8a05b` | `oklch(72.74% 0.0996 79.78)` | Warm Leather | black, 8.6 to 1 |
| 39 | `#cc9c54` | `oklch(72.32% 0.1063 75.28)` | Liddell | black, 8.4 to 1 |
| 40 | `#d0954d` | `oklch(71.31% 0.1136 69.67)` | Georgian Yellow | black, 8 to 1 |
| 41 | `#d28c46` | `oklch(69.86% 0.1212 63.26)` | Cognac | black, 7.6 to 1 |
| 42 | `#d48241` | `oklch(68.08% 0.1289 56.35)` | Clay Terrace | black, 7 to 1 |
| 43 | `#d4763f` | `oklch(66.12% 0.1365 49.26)` | Marquis Orange | black, 6.4 to 1 |
| 44 | `#d36b3f` | `oklch(64.11% 0.1437 42.28)` | Fresh Acorn | black, 5.9 to 1 |
| 45 | `#d16042` | `oklch(62.18% 0.1505 35.74)` | Sweet Mandarin | black, 5.4 to 1 |
| 46 | `#ce5646` | `oklch(60.48% 0.1564 29.92)` | Chilli Cashew | black, 5 to 1 |
| 47 | `#cc4e4a` | `oklch(59.13% 0.1615 25.15)` | African Mahogany | black, 4.7 to 1 |
| 48 | `#ca484d` | `oklch(58.27% 0.1654 21.72)` | English Vermillion | white, 4.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #cc925d 0.0%, #c98d5b 2.1%, #c58758 4.3%, #c08056 6.4%, #ba7953 8.5%, #b47150 10.6%, #ad684d 12.8%, #a5604a 14.9%, #9d5847 17.0%, #955144 19.1%, #8d4a41 21.3%, #86443e 23.4%, #7f3f3a 25.5%, #773a36 27.7%, #6e3430 29.8%, #652f2b 31.9%, #5b2925 34.0%, #52241f 36.2%, #4a2019 38.3%, #421c15 40.4%, #3c1911 42.6%, #38180e 44.7%, #36170d 46.8%, #36190d 48.9%, #391c0f 51.1%, #3f2212 53.2%, #492b18 55.3%, #543620 57.4%, #624328 59.6%, #705232 61.7%, #7f613c 63.8%, #8e7146 66.0%, #9c7f50 68.1%, #a98d57 70.2%, #b4975d 72.3%, #bc9e60 74.5%, #c3a15f 76.6%, #c8a05b 78.7%, #cc9c54 80.9%, #d0954d 83.0%, #d28c46 85.1%, #d48241 87.2%, #d4763f 89.4%, #d36b3f 91.5%, #d16042 93.6%, #ce5646 95.7%, #cc4e4a 97.9%, #ca484d 100.0%);
background: linear-gradient(135deg in oklch, oklch(70.47% 0.0992 61.88) 0.0%, oklch(69.21% 0.0988 59.92) 2.1%, oklch(67.59% 0.0985 57.23) 4.3%, oklch(65.69% 0.0981 53.96) 6.4%, oklch(63.55% 0.0977 50.28) 8.5%, oklch(61.23% 0.0973 46.36) 10.6%, oklch(58.79% 0.0967 42.35) 12.8%, oklch(56.29% 0.0960 38.43) 14.9%, oklch(53.78% 0.0951 34.75) 17.0%, oklch(51.32% 0.0940 31.48) 19.1%, oklch(48.97% 0.0927 28.79) 21.3%, oklch(46.78% 0.0910 26.83) 23.4%, oklch(44.79% 0.0890 25.76) 25.5%, oklch(42.61% 0.0863 25.38) 27.7%, oklch(40.19% 0.0828 25.52) 29.8%, oklch(37.61% 0.0789 26.13) 31.9%, oklch(35.00% 0.0745 27.15) 34.0%, oklch(32.47% 0.0700 28.55) 36.2%, oklch(30.13% 0.0656 30.25) 38.3%, oklch(28.09% 0.0614 32.22) 40.4%, oklch(26.46% 0.0577 34.39) 42.6%, oklch(25.35% 0.0546 36.71) 44.7%, oklch(24.87% 0.0524 39.14) 46.8%, oklch(25.14% 0.0511 41.61) 48.9%, oklch(26.32% 0.0511 44.22) 51.1%, oklch(28.70% 0.0519 47.67) 53.2%, oklch(32.12% 0.0534 51.87) 55.3%, oklch(36.34% 0.0557 56.57) 57.4%, oklch(41.13% 0.0585 61.55) 59.6%, oklch(46.26% 0.0618 66.57) 61.7%, oklch(51.51% 0.0655 71.39) 63.8%, oklch(56.63% 0.0696 75.78) 66.0%, oklch(61.40% 0.0741 79.49) 68.1%, oklch(65.58% 0.0787 82.30) 70.2%, oklch(68.95% 0.0835 83.96) 72.3%, oklch(71.26% 0.0883 84.24) 74.5%, oklch(72.44% 0.0935 82.86) 76.6%, oklch(72.74% 0.0996 79.78) 78.7%, oklch(72.32% 0.1063 75.28) 80.9%, oklch(71.31% 0.1136 69.67) 83.0%, oklch(69.86% 0.1212 63.26) 85.1%, oklch(68.08% 0.1289 56.35) 87.2%, oklch(66.12% 0.1365 49.26) 89.4%, oklch(64.11% 0.1437 42.28) 91.5%, oklch(62.18% 0.1505 35.74) 93.6%, oklch(60.48% 0.1564 29.92) 95.7%, oklch(59.13% 0.1615 25.15) 97.9%, oklch(58.27% 0.1654 21.72) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.705 | 0.099 | 61.9 |
| 2 | 0.453 | 0.09 | 25.9 |
| 3 | 0.256 | 0.051 | 42.9 |
| 4 | 0.717 | 0.09 | 84.1 |
| 5 | 0.583 | 0.165 | 21.7 |

## In these collections

- [Alpine copper kitchen](https://grabient.com/alpine-copper-kitchen)

## Other forms

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