# Black steel reflected edge

Black, brown and gray linear gradient with 64 colors: #141e26, #141d27, #151d28, #171c29, #1a1b2a, #1d192a, #211729, #251627, #291423, #2c121e, #2e1119, #301013, #31100d, #311007, #301003, #301001, #301000, #2f0f01, #2f0f03, #2e0e07, #2d0d0c, #2b0d11, #280d16, #250e1a, #210f1d, #1d1020, #181121, #151220, #121320, #0f131e, #0e141d, #0d141c, #0d141b, #0d151a, #0d1419, #0d1418, #0d1418, #0d1317, #0d1316, #0d1316, #0d1316, #0e1317, #0f1417, #101519, #12171a, #14191d, #171c20, #1b2024, #1f2529, #262b30, #2d3238, #353b41, #3f454b, #4a4f56, #555a62, #61666f, #6d727c, #797d88, #858995, #9094a1, #9b9eac, #a5a7b5, #adaebe, #b4b4c4. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black, brown and gray linear gradient
- Seed: `kWOg-tHBXTZgGrQfBD84ohEw`
- Page: https://grabient.com/kWOg-tHBXTZgGrQfBD84ohEw?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: dark to light, neutral, dark
- Hues: wide
- Contrast of its darkest and lightest colors: 9.1 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 | `#141e26` | `oklch(22.83% 0.0207 243.28)` | Coarse Wool | white, 16.9 to 1 |
| 2 | `#141d27` | `oklch(22.81% 0.0222 249.77)` | Coarse Wool | white, 16.9 to 1 |
| 3 | `#151d28` | `oklch(22.79% 0.0243 258.52)` | Coarse Wool | white, 16.9 to 1 |
| 4 | `#171c29` | `oklch(22.77% 0.0268 269.16)` | Coarse Wool | white, 17 to 1 |
| 5 | `#1a1b2a` | `oklch(22.75% 0.0297 281.30)` | Coarse Wool | white, 17 to 1 |
| 6 | `#1d192a` | `oklch(22.72% 0.0328 294.58)` | Sambucus | white, 17.1 to 1 |
| 7 | `#211729` | `oklch(22.70% 0.0361 308.62)` | Sambucus | white, 17.1 to 1 |
| 8 | `#251627` | `oklch(22.67% 0.0396 323.04)` | Inside | white, 17.2 to 1 |
| 9 | `#291423` | `oklch(22.63% 0.0430 337.47)` | Black Cherry | white, 17.2 to 1 |
| 10 | `#2c121e` | `oklch(22.59% 0.0463 351.53)` | Black Cherry | white, 17.3 to 1 |
| 11 | `#2e1119` | `oklch(22.54% 0.0494 4.85)` | Dark Danger | white, 17.3 to 1 |
| 12 | `#301013` | `oklch(22.48% 0.0523 17.04)` | Dark Danger | white, 17.3 to 1 |
| 13 | `#31100d` | `oklch(22.41% 0.0548 27.74)` | Black Rooster | white, 17.4 to 1 |
| 14 | `#311007` | `oklch(22.34% 0.0568 36.57)` | Chocolate Melange | white, 17.4 to 1 |
| 15 | `#301003` | `oklch(22.24% 0.0583 43.15)` | Chocolate Melange | white, 17.4 to 1 |
| 16 | `#301001` | `oklch(22.14% 0.0591 47.11)` | Chocolate Melange | white, 17.4 to 1 |
| 17 | `#301000` | `oklch(22.01% 0.0592 48.08)` | Chocolate Melange | white, 17.5 to 1 |
| 18 | `#2f0f01` | `oklch(21.85% 0.0586 45.94)` | Chocolate Melange | white, 17.6 to 1 |
| 19 | `#2f0f03` | `oklch(21.65% 0.0572 41.02)` | Chocolate Melange | white, 17.6 to 1 |
| 20 | `#2e0e07` | `oklch(21.40% 0.0553 33.70)` | Root Brew | white, 17.7 to 1 |
| 21 | `#2d0d0c` | `oklch(21.14% 0.0529 24.34)` | Dark Danger | white, 17.9 to 1 |
| 22 | `#2b0d11` | `oklch(20.85% 0.0501 13.30)` | Dark Danger | white, 18 to 1 |
| 23 | `#280d16` | `oklch(20.56% 0.0470 0.96)` | Italian Roast | white, 18.1 to 1 |
| 24 | `#250e1a` | `oklch(20.26% 0.0436 347.67)` | Inside | white, 18.2 to 1 |
| 25 | `#210f1d` | `oklch(19.97% 0.0401 333.81)` | Inside | white, 18.3 to 1 |
| 26 | `#1d1020` | `oklch(19.70% 0.0365 319.74)` | Shot in the Dark | white, 18.3 to 1 |
| 27 | `#181121` | `oklch(19.45% 0.0330 305.83)` | Corbeau | white, 18.4 to 1 |
| 28 | `#151220` | `oklch(19.24% 0.0295 292.45)` | Corbeau | white, 18.4 to 1 |
| 29 | `#121320` | `oklch(19.06% 0.0263 279.96)` | Corbeau | white, 18.4 to 1 |
| 30 | `#0f131e` | `oklch(18.94% 0.0234 268.72)` | Midnight Edition | white, 18.5 to 1 |
| 31 | `#0e141d` | `oklch(18.87% 0.0208 259.12)` | Midnight Edition | white, 18.5 to 1 |
| 32 | `#0d141c` | `oklch(18.87% 0.0188 251.51)` | Midnight Edition | white, 18.5 to 1 |
| 33 | `#0d141b` | `oklch(18.92% 0.0172 246.06)` | Black Is Back | white, 18.4 to 1 |
| 34 | `#0d151a` | `oklch(18.89% 0.0158 241.79)` | Black Is Back | white, 18.4 to 1 |
| 35 | `#0d1419` | `oklch(18.78% 0.0147 238.45)` | Black Is Back | white, 18.5 to 1 |
| 36 | `#0d1418` | `oklch(18.63% 0.0137 235.94)` | Black Is Back | white, 18.5 to 1 |
| 37 | `#0d1418` | `oklch(18.45% 0.0129 234.20)` | Black Is Back | white, 18.6 to 1 |
| 38 | `#0d1317` | `oklch(18.29% 0.0122 233.13)` | Black Is Back | white, 18.6 to 1 |
| 39 | `#0d1316` | `oklch(18.17% 0.0117 232.66)` | Black Is Back | white, 18.7 to 1 |
| 40 | `#0d1316` | `oklch(18.13% 0.0113 232.71)` | Black Is Back | white, 18.7 to 1 |
| 41 | `#0d1316` | `oklch(18.18% 0.0110 233.19)` | Black Is Back | white, 18.7 to 1 |
| 42 | `#0e1317` | `oklch(18.37% 0.0108 234.03)` | Black Is Back | white, 18.6 to 1 |
| 43 | `#0f1417` | `oklch(18.72% 0.0107 235.14)` | Black Is Back | white, 18.5 to 1 |
| 44 | `#101519` | `oklch(19.27% 0.0107 236.44)` | Black Is Back | white, 18.3 to 1 |
| 45 | `#12171a` | `oklch(20.03% 0.0107 237.85)` | Neverything | white, 18 to 1 |
| 46 | `#14191d` | `oklch(21.05% 0.0108 239.29)` | Neverything | white, 17.6 to 1 |
| 47 | `#171c20` | `oklch(22.34% 0.0109 240.68)` | Gluon Grey | white, 17.1 to 1 |
| 48 | `#1b2024` | `oklch(23.95% 0.0110 241.94)` | Satin Deep Black | white, 16.4 to 1 |
| 49 | `#1f2529` | `oklch(25.97% 0.0112 243.20)` | Washed Black | white, 15.5 to 1 |
| 50 | `#262b30` | `oklch(28.52% 0.0115 244.94)` | Blue Charcoal | white, 14.3 to 1 |
| 51 | `#2d3238` | `oklch(31.52% 0.0120 247.11)` | Granite Black | white, 12.8 to 1 |
| 52 | `#353b41` | `oklch(34.92% 0.0126 249.64)` | Crypt | white, 11.3 to 1 |
| 53 | `#3f454b` | `oklch(38.62% 0.0134 252.47)` | Blackbird | white, 9.7 to 1 |
| 54 | `#4a4f56` | `oklch(42.56% 0.0142 255.52)` | Lamp Post | white, 8.2 to 1 |
| 55 | `#555a62` | `oklch(46.64% 0.0151 258.72)` | Titanium Grey | white, 6.9 to 1 |
| 56 | `#61666f` | `oklch(50.81% 0.0160 262.02)` | British Shorthair | white, 5.7 to 1 |
| 57 | `#6d727c` | `oklch(54.97% 0.0169 265.34)` | Made in the Shade | white, 4.8 to 1 |
| 58 | `#797d88` | `oklch(59.05% 0.0178 268.61)` | Nocturnal | black, 5.1 to 1 |
| 59 | `#858995` | `oklch(62.98% 0.0187 271.77)` | Roman Silver | black, 5.9 to 1 |
| 60 | `#9094a1` | `oklch(66.67% 0.0196 274.74)` | Lilac Fields | black, 6.9 to 1 |
| 61 | `#9b9eac` | `oklch(70.05% 0.0204 277.46)` | Adhesion | black, 7.8 to 1 |
| 62 | `#a5a7b5` | `oklch(73.05% 0.0211 279.86)` | Curated Lilac | black, 8.7 to 1 |
| 63 | `#adaebe` | `oklch(75.57% 0.0216 281.88)` | Polar Mist | black, 9.6 to 1 |
| 64 | `#b4b4c4` | `oklch(77.56% 0.0220 283.44)` | Fading Sunset | black, 10.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #141e26 0.0%, #141d27 1.6%, #151d28 3.2%, #171c29 4.8%, #1a1b2a 6.3%, #1d192a 7.9%, #211729 9.5%, #251627 11.1%, #291423 12.7%, #2c121e 14.3%, #2e1119 15.9%, #301013 17.5%, #31100d 19.0%, #311007 20.6%, #301003 22.2%, #301001 23.8%, #301000 25.4%, #2f0f01 27.0%, #2f0f03 28.6%, #2e0e07 30.2%, #2d0d0c 31.7%, #2b0d11 33.3%, #280d16 34.9%, #250e1a 36.5%, #210f1d 38.1%, #1d1020 39.7%, #181121 41.3%, #151220 42.9%, #121320 44.4%, #0f131e 46.0%, #0e141d 47.6%, #0d141c 49.2%, #0d141b 50.8%, #0d151a 52.4%, #0d1419 54.0%, #0d1418 55.6%, #0d1418 57.1%, #0d1317 58.7%, #0d1316 60.3%, #0d1316 61.9%, #0d1316 63.5%, #0e1317 65.1%, #0f1417 66.7%, #101519 68.3%, #12171a 69.8%, #14191d 71.4%, #171c20 73.0%, #1b2024 74.6%, #1f2529 76.2%, #262b30 77.8%, #2d3238 79.4%, #353b41 81.0%, #3f454b 82.5%, #4a4f56 84.1%, #555a62 85.7%, #61666f 87.3%, #6d727c 88.9%, #797d88 90.5%, #858995 92.1%, #9094a1 93.7%, #9b9eac 95.2%, #a5a7b5 96.8%, #adaebe 98.4%, #b4b4c4 100.0%);
background: linear-gradient(135deg in oklch, oklch(22.83% 0.0207 243.28) 0.0%, oklch(22.81% 0.0222 249.77) 1.6%, oklch(22.79% 0.0243 258.52) 3.2%, oklch(22.77% 0.0268 269.16) 4.8%, oklch(22.75% 0.0297 281.30) 6.3%, oklch(22.72% 0.0328 294.58) 7.9%, oklch(22.70% 0.0361 308.62) 9.5%, oklch(22.67% 0.0396 323.04) 11.1%, oklch(22.63% 0.0430 337.47) 12.7%, oklch(22.59% 0.0463 351.53) 14.3%, oklch(22.54% 0.0494 4.85) 15.9%, oklch(22.48% 0.0523 17.04) 17.5%, oklch(22.41% 0.0548 27.74) 19.0%, oklch(22.34% 0.0568 36.57) 20.6%, oklch(22.24% 0.0583 43.15) 22.2%, oklch(22.14% 0.0591 47.11) 23.8%, oklch(22.01% 0.0592 48.08) 25.4%, oklch(21.85% 0.0586 45.94) 27.0%, oklch(21.65% 0.0572 41.02) 28.6%, oklch(21.40% 0.0553 33.70) 30.2%, oklch(21.14% 0.0529 24.34) 31.7%, oklch(20.85% 0.0501 13.30) 33.3%, oklch(20.56% 0.0470 0.96) 34.9%, oklch(20.26% 0.0436 347.67) 36.5%, oklch(19.97% 0.0401 333.81) 38.1%, oklch(19.70% 0.0365 319.74) 39.7%, oklch(19.45% 0.0330 305.83) 41.3%, oklch(19.24% 0.0295 292.45) 42.9%, oklch(19.06% 0.0263 279.96) 44.4%, oklch(18.94% 0.0234 268.72) 46.0%, oklch(18.87% 0.0208 259.12) 47.6%, oklch(18.87% 0.0188 251.51) 49.2%, oklch(18.92% 0.0172 246.06) 50.8%, oklch(18.89% 0.0158 241.79) 52.4%, oklch(18.78% 0.0147 238.45) 54.0%, oklch(18.63% 0.0137 235.94) 55.6%, oklch(18.45% 0.0129 234.20) 57.1%, oklch(18.29% 0.0122 233.13) 58.7%, oklch(18.17% 0.0117 232.66) 60.3%, oklch(18.13% 0.0113 232.71) 61.9%, oklch(18.18% 0.0110 233.19) 63.5%, oklch(18.37% 0.0108 234.03) 65.1%, oklch(18.72% 0.0107 235.14) 66.7%, oklch(19.27% 0.0107 236.44) 68.3%, oklch(20.03% 0.0107 237.85) 69.8%, oklch(21.05% 0.0108 239.29) 71.4%, oklch(22.34% 0.0109 240.68) 73.0%, oklch(23.95% 0.0110 241.94) 74.6%, oklch(25.97% 0.0112 243.20) 76.2%, oklch(28.52% 0.0115 244.94) 77.8%, oklch(31.52% 0.0120 247.11) 79.4%, oklch(34.92% 0.0126 249.64) 81.0%, oklch(38.62% 0.0134 252.47) 82.5%, oklch(42.56% 0.0142 255.52) 84.1%, oklch(46.64% 0.0151 258.72) 85.7%, oklch(50.81% 0.0160 262.02) 87.3%, oklch(54.97% 0.0169 265.34) 88.9%, oklch(59.05% 0.0178 268.61) 90.5%, oklch(62.98% 0.0187 271.77) 92.1%, oklch(66.67% 0.0196 274.74) 93.7%, oklch(70.05% 0.0204 277.46) 95.2%, oklch(73.05% 0.0211 279.86) 96.8%, oklch(75.57% 0.0216 281.88) 98.4%, oklch(77.56% 0.0220 283.44) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.228 | 0.021 | 243.3 |
| 2 | 0.22 | 0.059 | 408.1 |
| 3 | 0.189 | 0.018 | 248.6 |
| 4 | 0.244 | 0.011 | 242.2 |
| 5 | 0.776 | 0.022 | 283.4 |

## In these collections

- [Metallic gradients](https://grabient.com/metallic-gradients)

## Other forms

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