# Charcoal with a Bronze Glint

Navy, gray and black linear gradient with 64 colors: #253950, #2a3951, #303a53, #373c55, #3f3d56, #463f57, #4e4257, #544456, #5a4855, #5f4b54, #634e53, #655152, #665452, #655652, #645751, #625750, #5e564f, #5a534c, #544e48, #4d4942, #46423c, #3e3a36, #36332f, #2d2b28, #252320, #1d1c1a, #161513, #100f0d, #0a0909, #060605, #040403, #020202, #020202, #020202, #020202, #020202, #020202, #030303, #040404, #050505, #070707, #090909, #0d0d0d, #101111, #141515, #191a1a, #1e1f20, #232526, #2a2b2c, #313234, #3a3b3d, #454448, #514f53, #5d5a5e, #6b666a, #797376, #877f82, #958c8d, #a29898, #afa4a2, #baafab, #c4bab4, #ccc2bb, #d3cac1. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Navy, gray and black linear gradient
- Seed: `kWViOzuoZTwsAQ2iAVK6wXUw`
- Page: https://grabient.com/kWViOzuoZTwsAQ2iAVK6wXUw?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: dark center, neutral, dark
- Hues: analogous
- Contrast of its darkest and lightest colors: 12.8 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 | `#253950` | `oklch(33.86% 0.0482 252.42)` | Cool Air of Debonair | white, 11.8 to 1 |
| 2 | `#2a3951` | `oklch(34.39% 0.0471 258.67)` | Cool Air of Debonair | white, 11.5 to 1 |
| 3 | `#303a53` | `oklch(35.17% 0.0456 266.60)` | Biscay | white, 11.2 to 1 |
| 4 | `#373c55` | `oklch(36.15% 0.0439 275.97)` | Black River Falls | white, 10.8 to 1 |
| 5 | `#3f3d56` | `oklch(37.29% 0.0421 286.55)` | Knighthood | white, 10.4 to 1 |
| 6 | `#463f57` | `oklch(38.54% 0.0400 298.10)` | Club Grey | white, 9.9 to 1 |
| 7 | `#4e4257` | `oklch(39.85% 0.0378 310.38)` | Blackberry Harvest | white, 9.4 to 1 |
| 8 | `#544456` | `oklch(41.17% 0.0355 323.17)` | Interlude | white, 8.9 to 1 |
| 9 | `#5a4855` | `oklch(42.46% 0.0331 336.22)` | Deep Merlot | white, 8.4 to 1 |
| 10 | `#5f4b54` | `oklch(43.66% 0.0307 349.30)` | Sweet Currant | white, 8 to 1 |
| 11 | `#634e53` | `oklch(44.74% 0.0283 2.18)` | Berry Wine | white, 7.6 to 1 |
| 12 | `#655152` | `oklch(45.64% 0.0260 14.62)` | Robeson Rose | white, 7.3 to 1 |
| 13 | `#665452` | `oklch(46.32% 0.0237 26.38)` | Wenge | white, 7.1 to 1 |
| 14 | `#655652` | `oklch(46.73% 0.0216 37.23)` | Harvest Oak | white, 6.9 to 1 |
| 15 | `#645751` | `oklch(46.82% 0.0196 46.93)` | Harvest Oak | white, 6.9 to 1 |
| 16 | `#625750` | `oklch(46.54% 0.0178 55.25)` | Major Brown | white, 6.9 to 1 |
| 17 | `#5e564f` | `oklch(45.84% 0.0162 61.96)` | Dark LUA Console | white, 7.2 to 1 |
| 18 | `#5a534c` | `oklch(44.60% 0.0147 67.08)` | Gardener’s Soil | white, 7.5 to 1 |
| 19 | `#544e48` | `oklch(42.84% 0.0132 70.81)` | Dunes Manor | white, 8.1 to 1 |
| 20 | `#4d4942` | `oklch(40.63% 0.0118 73.37)` | Thorny Branch | white, 8.9 to 1 |
| 21 | `#46423c` | `oklch(38.06% 0.0105 74.96)` | Skavenblight Dinge | white, 9.9 to 1 |
| 22 | `#3e3a36` | `oklch(35.21% 0.0092 75.79)` | Brownish Black | white, 11.2 to 1 |
| 23 | `#36332f` | `oklch(32.17% 0.0080 76.06)` | Sinister Minister | white, 12.6 to 1 |
| 24 | `#2d2b28` | `oklch(29.00% 0.0068 75.97)` | Shoe Wax | white, 14.1 to 1 |
| 25 | `#252320` | `oklch(25.79% 0.0057 75.74)` | Black Chestnut Oak | white, 15.6 to 1 |
| 26 | `#1d1c1a` | `oklch(22.63% 0.0047 75.57)` | Coco’s Black | white, 17 to 1 |
| 27 | `#161513` | `oklch(19.59% 0.0037 75.66)` | Kokushoku Black | white, 18.2 to 1 |
| 28 | `#100f0d` | `oklch(16.75% 0.0029 76.22)` | Chaos Black | white, 19.1 to 1 |
| 29 | `#0a0909` | `oklch(14.19% 0.0021 77.45)` | Badab Black Wash | white, 19.8 to 1 |
| 30 | `#060605` | `oklch(12.01% 0.0014 79.56)` | Black Metal | white, 20.2 to 1 |
| 31 | `#040403` | `oklch(10.26% 0.0008 82.76)` | Armour Wash | white, 20.5 to 1 |
| 32 | `#020202` | `oklch(9.05% 0.0002 87.24)` | Black Hole | white, 20.6 to 1 |
| 33 | `#020202` | `oklch(8.39% 0.0000 89.88)` | Black Hole | white, 20.7 to 1 |
| 34 | `#020202` | `oklch(8.06% 0.0000 89.88)` | Black Hole | white, 20.7 to 1 |
| 35 | `#020202` | `oklch(8.00% 0.0000 89.88)` | Black Hole | white, 20.7 to 1 |
| 36 | `#020202` | `oklch(8.20% 0.0000 89.88)` | Black Hole | white, 20.7 to 1 |
| 37 | `#020202` | `oklch(8.64% 0.0000 89.88)` | Black Hole | white, 20.7 to 1 |
| 38 | `#030303` | `oklch(9.32% 0.0000 89.88)` | Armour Wash | white, 20.6 to 1 |
| 39 | `#040404` | `oklch(10.22% 0.0000 89.88)` | Armour Wash | white, 20.5 to 1 |
| 40 | `#050505` | `oklch(11.32% 0.0000 89.88)` | Black Metal | white, 20.4 to 1 |
| 41 | `#070707` | `oklch(12.62% 0.0000 89.88)` | Reversed Grey | white, 20.1 to 1 |
| 42 | `#090909` | `oklch(14.11% 0.0000 178.22)` | Badab Black Wash | white, 19.8 to 1 |
| 43 | `#0d0d0d` | `oklch(15.76% 0.0004 189.60)` | Black Sheep | white, 19.4 to 1 |
| 44 | `#101111` | `oklch(17.58% 0.0008 201.05)` | Dreamless Sleep | white, 18.9 to 1 |
| 45 | `#141515` | `oklch(19.54% 0.0012 212.49)` | Matt Black | white, 18.2 to 1 |
| 46 | `#191a1a` | `oklch(21.63% 0.0017 223.83)` | Gluon Grey | white, 17.4 to 1 |
| 47 | `#1e1f20` | `oklch(23.85% 0.0022 234.99)` | Inkwell Inception | white, 16.5 to 1 |
| 48 | `#232526` | `oklch(26.17% 0.0026 245.88)` | Nero | white, 15.4 to 1 |
| 49 | `#2a2b2c` | `oklch(28.72% 0.0032 256.75)` | Shoe Wax | white, 14.2 to 1 |
| 50 | `#313234` | `oklch(31.75% 0.0038 268.34)` | Stiletto | white, 12.8 to 1 |
| 51 | `#3a3b3d` | `oklch(35.19% 0.0045 280.51)` | Coal Hard Truth | white, 11.2 to 1 |
| 52 | `#454448` | `oklch(38.98% 0.0053 293.14)` | Greenish Black | white, 9.6 to 1 |
| 53 | `#514f53` | `oklch(43.04% 0.0062 306.05)` | Magnet | white, 8.1 to 1 |
| 54 | `#5d5a5e` | `oklch(47.29% 0.0071 319.12)` | Tornado Cloud | white, 6.7 to 1 |
| 55 | `#6b666a` | `oklch(51.67% 0.0080 332.18)` | Cracked Slate | white, 5.6 to 1 |
| 56 | `#797376` | `oklch(56.09% 0.0090 345.10)` | Steel Armour | white, 4.6 to 1 |
| 57 | `#877f82` | `oklch(60.49% 0.0100 357.71)` | Classy Plum | black, 5.3 to 1 |
| 58 | `#958c8d` | `oklch(64.78% 0.0109 9.87)` | Greylac | black, 6.4 to 1 |
| 59 | `#a29898` | `oklch(68.90% 0.0118 21.43)` | Sugar Tree | black, 7.5 to 1 |
| 60 | `#afa4a2` | `oklch(72.77% 0.0127 32.25)` | Maculata Bark | black, 8.6 to 1 |
| 61 | `#baafab` | `oklch(76.31% 0.0134 42.16)` | Vintage Mauve | black, 9.8 to 1 |
| 62 | `#c4bab4` | `oklch(79.46% 0.0141 51.03)` | Mauve Stone | black, 10.9 to 1 |
| 63 | `#ccc2bb` | `oklch(82.13% 0.0147 58.70)` | Doeskin Grey | black, 12 to 1 |
| 64 | `#d3cac1` | `oklch(84.25% 0.0152 65.02)` | Ashen Tan | black, 12.9 to 1 |

## CSS

```css
background: linear-gradient(225deg, #253950 0.0%, #2a3951 1.6%, #303a53 3.2%, #373c55 4.8%, #3f3d56 6.3%, #463f57 7.9%, #4e4257 9.5%, #544456 11.1%, #5a4855 12.7%, #5f4b54 14.3%, #634e53 15.9%, #655152 17.5%, #665452 19.0%, #655652 20.6%, #645751 22.2%, #625750 23.8%, #5e564f 25.4%, #5a534c 27.0%, #544e48 28.6%, #4d4942 30.2%, #46423c 31.7%, #3e3a36 33.3%, #36332f 34.9%, #2d2b28 36.5%, #252320 38.1%, #1d1c1a 39.7%, #161513 41.3%, #100f0d 42.9%, #0a0909 44.4%, #060605 46.0%, #040403 47.6%, #020202 49.2%, #020202 50.8%, #020202 52.4%, #020202 54.0%, #020202 55.6%, #020202 57.1%, #030303 58.7%, #040404 60.3%, #050505 61.9%, #070707 63.5%, #090909 65.1%, #0d0d0d 66.7%, #101111 68.3%, #141515 69.8%, #191a1a 71.4%, #1e1f20 73.0%, #232526 74.6%, #2a2b2c 76.2%, #313234 77.8%, #3a3b3d 79.4%, #454448 81.0%, #514f53 82.5%, #5d5a5e 84.1%, #6b666a 85.7%, #797376 87.3%, #877f82 88.9%, #958c8d 90.5%, #a29898 92.1%, #afa4a2 93.7%, #baafab 95.2%, #c4bab4 96.8%, #ccc2bb 98.4%, #d3cac1 100.0%);
background: linear-gradient(225deg in oklch, oklch(33.86% 0.0482 252.42) 0.0%, oklch(34.39% 0.0471 258.67) 1.6%, oklch(35.17% 0.0456 266.60) 3.2%, oklch(36.15% 0.0439 275.97) 4.8%, oklch(37.29% 0.0421 286.55) 6.3%, oklch(38.54% 0.0400 298.10) 7.9%, oklch(39.85% 0.0378 310.38) 9.5%, oklch(41.17% 0.0355 323.17) 11.1%, oklch(42.46% 0.0331 336.22) 12.7%, oklch(43.66% 0.0307 349.30) 14.3%, oklch(44.74% 0.0283 2.18) 15.9%, oklch(45.64% 0.0260 14.62) 17.5%, oklch(46.32% 0.0237 26.38) 19.0%, oklch(46.73% 0.0216 37.23) 20.6%, oklch(46.82% 0.0196 46.93) 22.2%, oklch(46.54% 0.0178 55.25) 23.8%, oklch(45.84% 0.0162 61.96) 25.4%, oklch(44.60% 0.0147 67.08) 27.0%, oklch(42.84% 0.0132 70.81) 28.6%, oklch(40.63% 0.0118 73.37) 30.2%, oklch(38.06% 0.0105 74.96) 31.7%, oklch(35.21% 0.0092 75.79) 33.3%, oklch(32.17% 0.0080 76.06) 34.9%, oklch(29.00% 0.0068 75.97) 36.5%, oklch(25.79% 0.0057 75.74) 38.1%, oklch(22.63% 0.0047 75.57) 39.7%, oklch(19.59% 0.0037 75.66) 41.3%, oklch(16.75% 0.0029 76.22) 42.9%, oklch(14.19% 0.0021 77.45) 44.4%, oklch(12.01% 0.0014 79.56) 46.0%, oklch(10.26% 0.0008 82.76) 47.6%, oklch(9.05% 0.0002 87.24) 49.2%, oklch(8.39% 0.0000 89.88) 50.8%, oklch(8.06% 0.0000 89.88) 52.4%, oklch(8.00% 0.0000 89.88) 54.0%, oklch(8.20% 0.0000 89.88) 55.6%, oklch(8.64% 0.0000 89.88) 57.1%, oklch(9.32% 0.0000 89.88) 58.7%, oklch(10.22% 0.0000 89.88) 60.3%, oklch(11.32% 0.0000 89.88) 61.9%, oklch(12.62% 0.0000 89.88) 63.5%, oklch(14.11% 0.0000 178.22) 65.1%, oklch(15.76% 0.0004 189.60) 66.7%, oklch(17.58% 0.0008 201.05) 68.3%, oklch(19.54% 0.0012 212.49) 69.8%, oklch(21.63% 0.0017 223.83) 71.4%, oklch(23.85% 0.0022 234.99) 73.0%, oklch(26.17% 0.0026 245.88) 74.6%, oklch(28.72% 0.0032 256.75) 76.2%, oklch(31.75% 0.0038 268.34) 77.8%, oklch(35.19% 0.0045 280.51) 79.4%, oklch(38.98% 0.0053 293.14) 81.0%, oklch(43.04% 0.0062 306.05) 82.5%, oklch(47.29% 0.0071 319.12) 84.1%, oklch(51.67% 0.0080 332.18) 85.7%, oklch(56.09% 0.0090 345.10) 87.3%, oklch(60.49% 0.0100 357.71) 88.9%, oklch(64.78% 0.0109 9.87) 90.5%, oklch(68.90% 0.0118 21.43) 92.1%, oklch(72.77% 0.0127 32.25) 93.7%, oklch(76.31% 0.0134 42.16) 95.2%, oklch(79.46% 0.0141 51.03) 96.8%, oklch(82.13% 0.0147 58.70) 98.4%, oklch(84.25% 0.0152 65.02) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.339 | 0.048 | 252.4 |
| 2 | 0.461 | 0.017 | 420.4 |
| 3 | 0.087 | 0 | 450 |
| 4 | 0.268 | 0.003 | 608.5 |
| 5 | 0.843 | 0.015 | 785 |

## In these collections

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

## Other forms

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