# Warm Metal Reflection

The Near-black, orange and tan chrome palette brings together dark orange, orange, and pale orange. The colors span a very broad lightness range, combining restrained color with high contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark orange, and its lightest tone is pale orange.

- Also called: Black, beige, gray and brown linear gradient
- Seed: `kWLhIzRJC__sJPxZDr8I4k_4`
- Page: https://grabient.com/kWLhIzRJC__sJPxZDr8I4k_4?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, muted, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 17.2 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 | `#191006` | `oklch(18.11% 0.0248 71.72)` | Crowshead | white, 18.8 to 1 |
| 2 | `#20160a` | `oklch(20.93% 0.0268 71.77)` | Noir Mystique | white, 17.7 to 1 |
| 3 | `#2a1e10` | `oklch(24.64% 0.0297 71.90)` | Brunneophobia | white, 16.2 to 1 |
| 4 | `#362919` | `oklch(29.05% 0.0332 72.06)` | Cocoa Brown | white, 14.1 to 1 |
| 5 | `#443522` | `oklch(33.98% 0.0369 72.20)` | Clinker | white, 11.8 to 1 |
| 6 | `#53422d` | `oklch(39.25% 0.0404 72.27)` | Garden Loam | white, 9.5 to 1 |
| 7 | `#63513a` | `oklch(44.66% 0.0432 72.22)` | Corral | white, 7.6 to 1 |
| 8 | `#745f47` | `oklch(50.04% 0.0450 72.01)` | Woodward Park | white, 6 to 1 |
| 9 | `#836e55` | `oklch(55.25% 0.0454 71.59)` | Bancroft Village | white, 4.8 to 1 |
| 10 | `#958067` | `oklch(61.22% 0.0441 70.95)` | Dapper Tan | black, 5.5 to 1 |
| 11 | `#a9947d` | `oklch(67.96% 0.0414 70.11)` | Tawny Ember | black, 7.2 to 1 |
| 12 | `#beaa95` | `oklch(74.99% 0.0379 69.14)` | Fangtooth Fish | black, 9.3 to 1 |
| 13 | `#d3c0ad` | `oklch(81.81% 0.0340 68.08)` | Elusive Dawn | black, 11.8 to 1 |
| 14 | `#e5d4c3` | `oklch(87.92% 0.0303 66.97)` | Fine White Sand | black, 14.5 to 1 |
| 15 | `#f4e4d5` | `oklch(92.82% 0.0272 65.86)` | China Doll | black, 16.9 to 1 |
| 16 | `#feefe1` | `oklch(96.04% 0.0252 64.81)` | Soft Coral | black, 18.6 to 1 |
| 17 | `#fff3e9` | `oklch(97.12% 0.0187 63.86)` | Ambrosia Ivory | black, 19.2 to 1 |
| 18 | `#fff0e3` | `oklch(96.29% 0.0239 62.80)` | Rice Pudding | black, 18.7 to 1 |
| 19 | `#f9e7d8` | `oklch(93.91% 0.0281 61.67)` | Aria Ivory | black, 17.4 to 1 |
| 20 | `#efdbcb` | `oklch(90.35% 0.0309 60.57)` | White Truffle | black, 15.6 to 1 |
| 21 | `#e2ccbb` | `oklch(85.95% 0.0339 59.50)` | Safari Map | black, 13.6 to 1 |
| 22 | `#d4bcaa` | `oklch(81.06% 0.0367 58.53)` | Classic Sand | black, 11.5 to 1 |
| 23 | `#c5ac9a` | `oklch(76.03% 0.0388 57.70)` | California Stucco | black, 9.7 to 1 |
| 24 | `#b69c8a` | `oklch(71.21% 0.0399 57.05)` | Rich Taupe | black, 8.1 to 1 |
| 25 | `#a78e7c` | `oklch(66.43% 0.0396 56.63)` | Utaupeia | black, 6.7 to 1 |
| 26 | `#957d6d` | `oklch(60.77% 0.0383 56.42)` | Peppered Pecan | black, 5.4 to 1 |
| 27 | `#816b5c` | `oklch(54.55% 0.0362 56.38)` | Bannister Brown | white, 4.9 to 1 |
| 28 | `#6d594c` | `oklch(48.14% 0.0337 56.45)` | Arctic Tundra | white, 6.5 to 1 |
| 29 | `#5a493d` | `oklch(41.90% 0.0310 56.58)` | Tannery Brown | white, 8.5 to 1 |
| 30 | `#4a3a2f` | `oklch(36.21% 0.0284 56.74)` | Demitasse | white, 10.8 to 1 |
| 31 | `#3c2e24` | `oklch(31.44% 0.0262 56.87)` | After Eight | white, 13 to 1 |
| 32 | `#32261d` | `oklch(27.95% 0.0248 56.92)` | Wood Bark | white, 14.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #191006 0.0%, #20160a 3.2%, #2a1e10 6.5%, #362919 9.7%, #443522 12.9%, #53422d 16.1%, #63513a 19.4%, #745f47 22.6%, #836e55 25.8%, #958067 29.0%, #a9947d 32.3%, #beaa95 35.5%, #d3c0ad 38.7%, #e5d4c3 41.9%, #f4e4d5 45.2%, #feefe1 48.4%, #fff3e9 51.6%, #fff0e3 54.8%, #f9e7d8 58.1%, #efdbcb 61.3%, #e2ccbb 64.5%, #d4bcaa 67.7%, #c5ac9a 71.0%, #b69c8a 74.2%, #a78e7c 77.4%, #957d6d 80.6%, #816b5c 83.9%, #6d594c 87.1%, #5a493d 90.3%, #4a3a2f 93.5%, #3c2e24 96.8%, #32261d 100.0%);
background: linear-gradient(135deg in oklch, oklch(18.11% 0.0248 71.72) 0.0%, oklch(20.93% 0.0268 71.77) 3.2%, oklch(24.64% 0.0297 71.90) 6.5%, oklch(29.05% 0.0332 72.06) 9.7%, oklch(33.98% 0.0369 72.20) 12.9%, oklch(39.25% 0.0404 72.27) 16.1%, oklch(44.66% 0.0432 72.22) 19.4%, oklch(50.04% 0.0450 72.01) 22.6%, oklch(55.25% 0.0454 71.59) 25.8%, oklch(61.22% 0.0441 70.95) 29.0%, oklch(67.96% 0.0414 70.11) 32.3%, oklch(74.99% 0.0379 69.14) 35.5%, oklch(81.81% 0.0340 68.08) 38.7%, oklch(87.92% 0.0303 66.97) 41.9%, oklch(92.82% 0.0272 65.86) 45.2%, oklch(96.04% 0.0252 64.81) 48.4%, oklch(97.12% 0.0187 63.86) 51.6%, oklch(96.29% 0.0239 62.80) 54.8%, oklch(93.91% 0.0281 61.67) 58.1%, oklch(90.35% 0.0309 60.57) 61.3%, oklch(85.95% 0.0339 59.50) 64.5%, oklch(81.06% 0.0367 58.53) 67.7%, oklch(76.03% 0.0388 57.70) 71.0%, oklch(71.21% 0.0399 57.05) 74.2%, oklch(66.43% 0.0396 56.63) 77.4%, oklch(60.77% 0.0383 56.42) 80.6%, oklch(54.55% 0.0362 56.38) 83.9%, oklch(48.14% 0.0337 56.45) 87.1%, oklch(41.90% 0.0310 56.58) 90.3%, oklch(36.21% 0.0284 56.74) 93.5%, oklch(31.44% 0.0262 56.87) 96.8%, oklch(27.95% 0.0248 56.92) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.181 | 0.025 | 71.7 |
| 2 | 0.539 | 0.045 | 71.7 |
| 3 | 0.969 | 0.025 | 64.3 |
| 4 | 0.701 | 0.04 | 56.9 |
| 5 | 0.28 | 0.025 | 56.9 |

## In these collections

- [Chrome gradients](https://grabient.com/chrome-gradients)

## Other forms

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