# Charcoal rust shadow diagonal

Orange, purple, black and gray linear gradient with 48 colors: #d15b2c, #ca563c, #c0514a, #b24c56, #a1485f, #8e4464, #7a4166, #663e64, #533b5d, #433854, #36344a, #2c3040, #252c37, #21282f, #1e2528, #1c2122, #1a1e1e, #191b1b, #171918, #161716, #141514, #131312, #111111, #0f0f0f, #0d0d0d, #0b0b0b, #080808, #060606, #040404, #030303, #020202, #010101, #010101, #010101, #020202, #030303, #050505, #0c0c0a, #161513, #23211d, #312f29, #413e36, #524e44, #625e51, #736d5f, #817b6b, #8e8775, #97907d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Orange, purple, black and gray linear gradient
- Seed: `kWnHUdJYivxUAK0MgD_0wq_4`
- Page: https://grabient.com/kWnHUdJYivxUAK0MgD_0wq_4?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: dark center, neutral, dark
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.5 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 | `#d15b2c` | `oklch(61.42% 0.1612 40.78)` | Chilean Fire | black, 5.2 to 1 |
| 2 | `#ca563c` | `oklch(59.78% 0.1540 34.16)` | Cinnamon Stone | black, 4.9 to 1 |
| 3 | `#c0514a` | `oklch(57.63% 0.1445 26.02)` | Sunset | white, 4.6 to 1 |
| 4 | `#b24c56` | `oklch(55.07% 0.1330 16.55)` | Umbria Red | white, 5.1 to 1 |
| 5 | `#a1485f` | `oklch(52.20% 0.1201 5.92)` | Glazed Raspberry | white, 5.8 to 1 |
| 6 | `#8e4464` | `oklch(49.10% 0.1063 354.32)` | Putnam Plum | white, 6.6 to 1 |
| 7 | `#7a4166` | `oklch(45.88% 0.0920 341.93)` | Magician’s Cloak | white, 7.5 to 1 |
| 8 | `#663e64` | `oklch(42.62% 0.0776 328.93)` | Purple Odyssey | white, 8.5 to 1 |
| 9 | `#533b5d` | `oklch(39.41% 0.0637 315.51)` | Old Heliotrope | white, 9.7 to 1 |
| 10 | `#433854` | `oklch(36.36% 0.0507 301.84)` | Purple Plumeria | white, 10.9 to 1 |
| 11 | `#36344a` | `oklch(33.56% 0.0391 288.10)` | Chrysomela Goettingensis | white, 12 to 1 |
| 12 | `#2c3040` | `oklch(31.10% 0.0293 274.49)` | Blue Coal | white, 13.1 to 1 |
| 13 | `#252c37` | `oklch(29.06% 0.0218 261.10)` | Chimney Sweep | white, 14 to 1 |
| 14 | `#21282f` | `oklch(27.31% 0.0160 246.65)` | Infinity | white, 14.8 to 1 |
| 15 | `#1e2528` | `oklch(25.76% 0.0114 230.87)` | Washed Black | white, 15.6 to 1 |
| 16 | `#1c2122` | `oklch(24.39% 0.0080 214.16)` | Noble Black | white, 16.2 to 1 |
| 17 | `#1a1e1e` | `oklch(23.17% 0.0055 196.92)` | Satin Deep Black | white, 16.7 to 1 |
| 18 | `#191b1b` | `oklch(22.08% 0.0038 179.53)` | Gluon Grey | white, 17.2 to 1 |
| 19 | `#171918` | `oklch(21.10% 0.0027 162.38)` | Thamar Black | white, 17.6 to 1 |
| 20 | `#161716` | `oklch(20.20% 0.0021 145.88)` | Cynical Black | white, 18 to 1 |
| 21 | `#141514` | `oklch(19.35% 0.0017 130.42)` | Distinctive Lack of Hue | white, 18.3 to 1 |
| 22 | `#131312` | `oklch(18.55% 0.0014 116.38)` | Cursed Black | white, 18.6 to 1 |
| 23 | `#111111` | `oklch(17.75% 0.0010 104.16)` | Dreamless Sleep | white, 18.8 to 1 |
| 24 | `#0f0f0f` | `oklch(16.95% 0.0004 94.15)` | Chaos Black | white, 19.1 to 1 |
| 25 | `#0d0d0d` | `oklch(16.07% 0.0000 89.88)` | Black Sheep | white, 19.3 to 1 |
| 26 | `#0b0b0b` | `oklch(14.93% 0.0000 89.88)` | Raven | white, 19.6 to 1 |
| 27 | `#080808` | `oklch(13.59% 0.0000 89.88)` | Reversed Grey | white, 19.9 to 1 |
| 28 | `#060606` | `oklch(12.14% 0.0000 89.88)` | Black Metal | white, 20.2 to 1 |
| 29 | `#040404` | `oklch(10.70% 0.0000 89.88)` | Armour Wash | white, 20.4 to 1 |
| 30 | `#030303` | `oklch(9.36% 0.0000 89.88)` | Armour Wash | white, 20.6 to 1 |
| 31 | `#020202` | `oklch(8.23% 0.0000 89.88)` | Black Hole | white, 20.7 to 1 |
| 32 | `#010101` | `oklch(7.42% 0.0000 89.88)` | Binary Black | white, 20.8 to 1 |
| 33 | `#010101` | `oklch(7.02% 0.0000 89.88)` | Binary Black | white, 20.8 to 1 |
| 34 | `#010101` | `oklch(7.14% 0.0000 89.88)` | Binary Black | white, 20.8 to 1 |
| 35 | `#020202` | `oklch(7.88% 0.0000 89.88)` | Black Hole | white, 20.7 to 1 |
| 36 | `#030303` | `oklch(9.35% 0.0000 89.88)` | Armour Wash | white, 20.6 to 1 |
| 37 | `#050505` | `oklch(11.75% 0.0011 90.10)` | Black Metal | white, 20.3 to 1 |
| 38 | `#0c0c0a` | `oklch(15.28% 0.0030 90.10)` | Black Wash | white, 19.6 to 1 |
| 39 | `#161513` | `oklch(19.73% 0.0054 90.10)` | Kokushoku Black | white, 18.2 to 1 |
| 40 | `#23211d` | `oklch(24.88% 0.0081 90.10)` | Petroleum | white, 16 to 1 |
| 41 | `#312f29` | `oklch(30.52% 0.0110 90.10)` | Night Green | white, 13.3 to 1 |
| 42 | `#413e36` | `oklch(36.43% 0.0141 90.10)` | Joesmithite | white, 10.6 to 1 |
| 43 | `#524e44` | `oklch(42.39% 0.0172 90.10)` | Renwick Brown | white, 8.3 to 1 |
| 44 | `#625e51` | `oklch(48.19% 0.0201 90.10)` | Green Fatigue | white, 6.4 to 1 |
| 45 | `#736d5f` | `oklch(53.60% 0.0229 90.10)` | Flint | white, 5.1 to 1 |
| 46 | `#817b6b` | `oklch(58.41% 0.0254 90.10)` | Willow Grey | black, 4.9 to 1 |
| 47 | `#8e8775` | `oklch(62.40% 0.0274 90.10)` | Great Frontier | black, 5.8 to 1 |
| 48 | `#97907d` | `oklch(65.35% 0.0289 90.10)` | Pale Green Grey | black, 6.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #d15b2c 0.0%, #ca563c 2.1%, #c0514a 4.3%, #b24c56 6.4%, #a1485f 8.5%, #8e4464 10.6%, #7a4166 12.8%, #663e64 14.9%, #533b5d 17.0%, #433854 19.1%, #36344a 21.3%, #2c3040 23.4%, #252c37 25.5%, #21282f 27.7%, #1e2528 29.8%, #1c2122 31.9%, #1a1e1e 34.0%, #191b1b 36.2%, #171918 38.3%, #161716 40.4%, #141514 42.6%, #131312 44.7%, #111111 46.8%, #0f0f0f 48.9%, #0d0d0d 51.1%, #0b0b0b 53.2%, #080808 55.3%, #060606 57.4%, #040404 59.6%, #030303 61.7%, #020202 63.8%, #010101 66.0%, #010101 68.1%, #010101 70.2%, #020202 72.3%, #030303 74.5%, #050505 76.6%, #0c0c0a 78.7%, #161513 80.9%, #23211d 83.0%, #312f29 85.1%, #413e36 87.2%, #524e44 89.4%, #625e51 91.5%, #736d5f 93.6%, #817b6b 95.7%, #8e8775 97.9%, #97907d 100.0%);
background: linear-gradient(135deg in oklch, oklch(61.42% 0.1612 40.78) 0.0%, oklch(59.78% 0.1540 34.16) 2.1%, oklch(57.63% 0.1445 26.02) 4.3%, oklch(55.07% 0.1330 16.55) 6.4%, oklch(52.20% 0.1201 5.92) 8.5%, oklch(49.10% 0.1063 354.32) 10.6%, oklch(45.88% 0.0920 341.93) 12.8%, oklch(42.62% 0.0776 328.93) 14.9%, oklch(39.41% 0.0637 315.51) 17.0%, oklch(36.36% 0.0507 301.84) 19.1%, oklch(33.56% 0.0391 288.10) 21.3%, oklch(31.10% 0.0293 274.49) 23.4%, oklch(29.06% 0.0218 261.10) 25.5%, oklch(27.31% 0.0160 246.65) 27.7%, oklch(25.76% 0.0114 230.87) 29.8%, oklch(24.39% 0.0080 214.16) 31.9%, oklch(23.17% 0.0055 196.92) 34.0%, oklch(22.08% 0.0038 179.53) 36.2%, oklch(21.10% 0.0027 162.38) 38.3%, oklch(20.20% 0.0021 145.88) 40.4%, oklch(19.35% 0.0017 130.42) 42.6%, oklch(18.55% 0.0014 116.38) 44.7%, oklch(17.75% 0.0010 104.16) 46.8%, oklch(16.95% 0.0004 94.15) 48.9%, oklch(16.07% 0.0000 89.88) 51.1%, oklch(14.93% 0.0000 89.88) 53.2%, oklch(13.59% 0.0000 89.88) 55.3%, oklch(12.14% 0.0000 89.88) 57.4%, oklch(10.70% 0.0000 89.88) 59.6%, oklch(9.36% 0.0000 89.88) 61.7%, oklch(8.23% 0.0000 89.88) 63.8%, oklch(7.42% 0.0000 89.88) 66.0%, oklch(7.02% 0.0000 89.88) 68.1%, oklch(7.14% 0.0000 89.88) 70.2%, oklch(7.88% 0.0000 89.88) 72.3%, oklch(9.35% 0.0000 89.88) 74.5%, oklch(11.75% 0.0011 90.10) 76.6%, oklch(15.28% 0.0030 90.10) 78.7%, oklch(19.73% 0.0054 90.10) 80.9%, oklch(24.88% 0.0081 90.10) 83.0%, oklch(30.52% 0.0110 90.10) 85.1%, oklch(36.43% 0.0141 90.10) 87.2%, oklch(42.39% 0.0172 90.10) 89.4%, oklch(48.19% 0.0201 90.10) 91.5%, oklch(53.60% 0.0229 90.10) 93.6%, oklch(58.41% 0.0254 90.10) 95.7%, oklch(62.40% 0.0274 90.10) 97.9%, oklch(65.35% 0.0289 90.10) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.614 | 0.161 | 40.8 |
| 2 | 0.295 | 0.023 | -95.5 |
| 3 | 0.165 | 0 | -269.9 |
| 4 | 0.098 | 0 | -269.9 |
| 5 | 0.654 | 0.029 | -269.9 |

## In these collections

- [Minimal color palette](https://grabient.com/minimal-color-palette)

## Other forms

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