# Slate silver diagonal bands

Dark gray and gray linear gradient with 64 colors: #2b2f33, #2f3438, #353a3e, #3d4246, #464c4e, #505658, #5b6162, #676d6d, #737978, #7f8584, #8b908e, #969b98, #a0a4a1, #a8aca9, #aeb2af, #b2b6b2, #b3b7b3, #b1b5b1, #acb1ac, #a4aaa5, #9aa19c, #8f9792, #828c87, #75807c, #687472, #5b6967, #4f5e5e, #455456, #3d4c4f, #36454a, #324047, #303e45, #323e47, #36414b, #3d4751, #464e5a, #515864, #5e636f, #6c6f7c, #7a7c89, #898a96, #9898a3, #a6a5b0, #b3b1bb, #bebbc5, #c7c3cd, #cdc9d2, #d0ccd4, #cfcbd3, #cbc7cf, #c4c1c8, #bbb8bf, #b0aeb5, #a4a3a9, #97969c, #898a8e, #7c7c81, #6e7073, #626366, #56585b, #4c4e50, #444547, #3d3e3f, #37393a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Dark gray and gray linear gradient
- Seed: `kWTQew4oKzy0ISpsBMhK4E5A`
- Page: https://grabient.com/kWTQew4oKzy0ISpsBMhK4E5A?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: light center, neutral
- Hues: achromatic
- Contrast of its darkest and lightest colors: 8.4 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 | `#2b2f33` | `oklch(30.31% 0.0096 248.20)` | Stretch Limo | white, 13.4 to 1 |
| 2 | `#2f3438` | `oklch(32.17% 0.0095 244.19)` | Ebony | white, 12.5 to 1 |
| 3 | `#353a3e` | `oklch(34.66% 0.0093 238.79)` | Artist’s Charcoal | white, 11.4 to 1 |
| 4 | `#3d4246` | `oklch(37.68% 0.0090 232.25)` | Chimney Smoke | white, 10.1 to 1 |
| 5 | `#464c4e` | `oklch(41.12% 0.0087 224.79)` | Black Lead | white, 8.7 to 1 |
| 6 | `#505658` | `oklch(44.89% 0.0084 216.63)` | Urbanite | white, 7.4 to 1 |
| 7 | `#5b6162` | `oklch(48.88% 0.0080 208.00)` | Paramount | white, 6.2 to 1 |
| 8 | `#676d6d` | `oklch(52.98% 0.0076 199.12)` | Sedona Sage | white, 5.2 to 1 |
| 9 | `#737978` | `oklch(57.08% 0.0073 190.23)` | Riverstone | black, 4.7 to 1 |
| 10 | `#7f8584` | `oklch(61.09% 0.0070 181.55)` | Software | black, 5.5 to 1 |
| 11 | `#8b908e` | `oklch(64.89% 0.0067 173.30)` | Stieglitz Silver | black, 6.4 to 1 |
| 12 | `#969b98` | `oklch(68.38% 0.0065 165.72)` | Dark Limestone | black, 7.4 to 1 |
| 13 | `#a0a4a1` | `oklch(71.47% 0.0064 159.03)` | Still Life in Grey | black, 8.3 to 1 |
| 14 | `#a8aca9` | `oklch(74.03% 0.0063 153.45)` | Cool Granite | black, 9.1 to 1 |
| 15 | `#aeb2af` | `oklch(75.97% 0.0064 149.21)` | Fynbos Leaf | black, 9.7 to 1 |
| 16 | `#b2b6b2` | `oklch(77.19% 0.0066 146.54)` | Fitzgerald Smoke | black, 10.2 to 1 |
| 17 | `#b3b7b3` | `oklch(77.57% 0.0070 145.65)` | Swag Bag Silver | black, 10.3 to 1 |
| 18 | `#b1b5b1` | `oklch(76.96% 0.0076 146.41)` | Magnetic | black, 10.1 to 1 |
| 19 | `#acb1ac` | `oklch(75.43% 0.0083 148.60)` | Fynbos Leaf | black, 9.6 to 1 |
| 20 | `#a4aaa5` | `oklch(73.12% 0.0093 152.06)` | Silver Clouds | black, 8.8 to 1 |
| 21 | `#9aa19c` | `oklch(70.18% 0.0104 156.61)` | Brampton Grey | black, 7.9 to 1 |
| 22 | `#8f9792` | `oklch(66.74% 0.0115 162.10)` | Steel Toe | black, 6.9 to 1 |
| 23 | `#828c87` | `oklch(62.94% 0.0128 168.36)` | Valley Floor | black, 6 to 1 |
| 24 | `#75807c` | `oklch(58.91% 0.0141 175.24)` | Selenium | black, 5.1 to 1 |
| 25 | `#687472` | `oklch(54.81% 0.0154 182.57)` | Stairway to Heaven | white, 4.8 to 1 |
| 26 | `#5b6967` | `oklch(50.76% 0.0167 190.19)` | Wing Man | white, 5.7 to 1 |
| 27 | `#4f5e5e` | `oklch(46.91% 0.0179 197.93)` | Marine Magic | white, 6.7 to 1 |
| 28 | `#455456` | `oklch(43.39% 0.0190 205.64)` | Slate Court | white, 7.9 to 1 |
| 29 | `#3d4c4f` | `oklch(40.34% 0.0200 213.15)` | Kimono Grey | white, 9 to 1 |
| 30 | `#36454a` | `oklch(37.91% 0.0208 220.29)` | Gale Force | white, 9.9 to 1 |
| 31 | `#324047` | `oklch(36.24% 0.0215 226.92)` | Big Stone | white, 10.6 to 1 |
| 32 | `#303e45` | `oklch(35.45% 0.0219 232.86)` | Big Stone | white, 11 to 1 |
| 33 | `#323e47` | `oklch(35.69% 0.0221 238.12)` | Big Stone | white, 10.9 to 1 |
| 34 | `#36414b` | `oklch(36.99% 0.0221 243.54)` | Inkblot | white, 10.3 to 1 |
| 35 | `#3d4751` | `oklch(39.22% 0.0219 249.20)` | Boeing Blue | white, 9.4 to 1 |
| 36 | `#464e5a` | `oklch(42.22% 0.0216 255.01)` | Secret Society | white, 8.3 to 1 |
| 37 | `#515864` | `oklch(45.85% 0.0211 260.90)` | Dark Mineral | white, 7.1 to 1 |
| 38 | `#5e636f` | `oklch(49.96% 0.0205 266.77)` | Blue Metal | white, 6 to 1 |
| 39 | `#6c6f7c` | `oklch(54.40% 0.0198 272.54)` | Prediction | white, 4.9 to 1 |
| 40 | `#7a7c89` | `oklch(59.02% 0.0191 278.14)` | Silver Surfer | black, 5 to 1 |
| 41 | `#898a96` | `oklch(63.69% 0.0183 283.46)` | Horseshoe | black, 6.1 to 1 |
| 42 | `#9898a3` | `oklch(68.24% 0.0174 288.44)` | Dark Ages | black, 7.3 to 1 |
| 43 | `#a6a5b0` | `oklch(72.54% 0.0165 292.98)` | Palace Walls | black, 8.6 to 1 |
| 44 | `#b3b1bb` | `oklch(76.44% 0.0157 297.00)` | A Month of Sundays | black, 9.8 to 1 |
| 45 | `#bebbc5` | `oklch(79.78% 0.0148 300.41)` | Silver Fox | black, 11.1 to 1 |
| 46 | `#c7c3cd` | `oklch(82.42% 0.0140 303.14)` | Posture & Pose | black, 12.1 to 1 |
| 47 | `#cdc9d2` | `oklch(84.21% 0.0132 305.10)` | Chrome Chalice | black, 12.8 to 1 |
| 48 | `#d0ccd4` | `oklch(85.01% 0.0126 306.19)` | Light Stately Frills | black, 13.2 to 1 |
| 49 | `#cfcbd3` | `oklch(84.73% 0.0119 306.28)` | Ghostly Grey | black, 13.1 to 1 |
| 50 | `#cbc7cf` | `oklch(83.52% 0.0113 305.21)` | Hazy Mauve | black, 12.6 to 1 |
| 51 | `#c4c1c8` | `oklch(81.50% 0.0106 303.11)` | Grape Mist | black, 11.7 to 1 |
| 52 | `#bbb8bf` | `oklch(78.79% 0.0099 300.14)` | Titanium Man | black, 10.7 to 1 |
| 53 | `#b0aeb5` | `oklch(75.49% 0.0092 296.43)` | Love-Struck Chinchilla | black, 9.5 to 1 |
| 54 | `#a4a3a9` | `oklch(71.74% 0.0085 292.13)` | Mysterious Mauve | black, 8.3 to 1 |
| 55 | `#97969c` | `oklch(67.63% 0.0078 287.39)` | Formal Grey | black, 7.1 to 1 |
| 56 | `#898a8e` | `oklch(63.30% 0.0071 282.33)` | Heavy Metal Armour | black, 6 to 1 |
| 57 | `#7c7c81` | `oklch(58.85% 0.0064 277.12)` | Silver Filigree | black, 5 to 1 |
| 58 | `#6e7073` | `oklch(54.40% 0.0057 271.89)` | High-Speed Steel | white, 4.9 to 1 |
| 59 | `#626366` | `oklch(50.07% 0.0051 266.79)` | Digital | white, 5.9 to 1 |
| 60 | `#56585b` | `oklch(45.98% 0.0045 261.96)` | Summer Concrete | white, 7.1 to 1 |
| 61 | `#4c4e50` | `oklch(42.23% 0.0040 257.54)` | Blindfold | white, 8.3 to 1 |
| 62 | `#444547` | `oklch(38.95% 0.0035 253.68)` | Black Heron | white, 9.6 to 1 |
| 63 | `#3d3e3f` | `oklch(36.25% 0.0031 250.52)` | Black Smoke | white, 10.7 to 1 |
| 64 | `#37393a` | `oklch(34.25% 0.0028 248.20)` | Green Black | white, 11.6 to 1 |

## CSS

```css
background: linear-gradient(225deg, #2b2f33 0.0%, #2f3438 1.6%, #353a3e 3.2%, #3d4246 4.8%, #464c4e 6.3%, #505658 7.9%, #5b6162 9.5%, #676d6d 11.1%, #737978 12.7%, #7f8584 14.3%, #8b908e 15.9%, #969b98 17.5%, #a0a4a1 19.0%, #a8aca9 20.6%, #aeb2af 22.2%, #b2b6b2 23.8%, #b3b7b3 25.4%, #b1b5b1 27.0%, #acb1ac 28.6%, #a4aaa5 30.2%, #9aa19c 31.7%, #8f9792 33.3%, #828c87 34.9%, #75807c 36.5%, #687472 38.1%, #5b6967 39.7%, #4f5e5e 41.3%, #455456 42.9%, #3d4c4f 44.4%, #36454a 46.0%, #324047 47.6%, #303e45 49.2%, #323e47 50.8%, #36414b 52.4%, #3d4751 54.0%, #464e5a 55.6%, #515864 57.1%, #5e636f 58.7%, #6c6f7c 60.3%, #7a7c89 61.9%, #898a96 63.5%, #9898a3 65.1%, #a6a5b0 66.7%, #b3b1bb 68.3%, #bebbc5 69.8%, #c7c3cd 71.4%, #cdc9d2 73.0%, #d0ccd4 74.6%, #cfcbd3 76.2%, #cbc7cf 77.8%, #c4c1c8 79.4%, #bbb8bf 81.0%, #b0aeb5 82.5%, #a4a3a9 84.1%, #97969c 85.7%, #898a8e 87.3%, #7c7c81 88.9%, #6e7073 90.5%, #626366 92.1%, #56585b 93.7%, #4c4e50 95.2%, #444547 96.8%, #3d3e3f 98.4%, #37393a 100.0%);
background: linear-gradient(225deg in oklch, oklch(30.31% 0.0096 248.20) 0.0%, oklch(32.17% 0.0095 244.19) 1.6%, oklch(34.66% 0.0093 238.79) 3.2%, oklch(37.68% 0.0090 232.25) 4.8%, oklch(41.12% 0.0087 224.79) 6.3%, oklch(44.89% 0.0084 216.63) 7.9%, oklch(48.88% 0.0080 208.00) 9.5%, oklch(52.98% 0.0076 199.12) 11.1%, oklch(57.08% 0.0073 190.23) 12.7%, oklch(61.09% 0.0070 181.55) 14.3%, oklch(64.89% 0.0067 173.30) 15.9%, oklch(68.38% 0.0065 165.72) 17.5%, oklch(71.47% 0.0064 159.03) 19.0%, oklch(74.03% 0.0063 153.45) 20.6%, oklch(75.97% 0.0064 149.21) 22.2%, oklch(77.19% 0.0066 146.54) 23.8%, oklch(77.57% 0.0070 145.65) 25.4%, oklch(76.96% 0.0076 146.41) 27.0%, oklch(75.43% 0.0083 148.60) 28.6%, oklch(73.12% 0.0093 152.06) 30.2%, oklch(70.18% 0.0104 156.61) 31.7%, oklch(66.74% 0.0115 162.10) 33.3%, oklch(62.94% 0.0128 168.36) 34.9%, oklch(58.91% 0.0141 175.24) 36.5%, oklch(54.81% 0.0154 182.57) 38.1%, oklch(50.76% 0.0167 190.19) 39.7%, oklch(46.91% 0.0179 197.93) 41.3%, oklch(43.39% 0.0190 205.64) 42.9%, oklch(40.34% 0.0200 213.15) 44.4%, oklch(37.91% 0.0208 220.29) 46.0%, oklch(36.24% 0.0215 226.92) 47.6%, oklch(35.45% 0.0219 232.86) 49.2%, oklch(35.69% 0.0221 238.12) 50.8%, oklch(36.99% 0.0221 243.54) 52.4%, oklch(39.22% 0.0219 249.20) 54.0%, oklch(42.22% 0.0216 255.01) 55.6%, oklch(45.85% 0.0211 260.90) 57.1%, oklch(49.96% 0.0205 266.77) 58.7%, oklch(54.40% 0.0198 272.54) 60.3%, oklch(59.02% 0.0191 278.14) 61.9%, oklch(63.69% 0.0183 283.46) 63.5%, oklch(68.24% 0.0174 288.44) 65.1%, oklch(72.54% 0.0165 292.98) 66.7%, oklch(76.44% 0.0157 297.00) 68.3%, oklch(79.78% 0.0148 300.41) 69.8%, oklch(82.42% 0.0140 303.14) 71.4%, oklch(84.21% 0.0132 305.10) 73.0%, oklch(85.01% 0.0126 306.19) 74.6%, oklch(84.73% 0.0119 306.28) 76.2%, oklch(83.52% 0.0113 305.21) 77.8%, oklch(81.50% 0.0106 303.11) 79.4%, oklch(78.79% 0.0099 300.14) 81.0%, oklch(75.49% 0.0092 296.43) 82.5%, oklch(71.74% 0.0085 292.13) 84.1%, oklch(67.63% 0.0078 287.39) 85.7%, oklch(63.30% 0.0071 282.33) 87.3%, oklch(58.85% 0.0064 277.12) 88.9%, oklch(54.40% 0.0057 271.89) 90.5%, oklch(50.07% 0.0051 266.79) 92.1%, oklch(45.98% 0.0045 261.96) 93.7%, oklch(42.23% 0.0040 257.54) 95.2%, oklch(38.95% 0.0035 253.68) 96.8%, oklch(36.25% 0.0031 250.52) 98.4%, oklch(34.25% 0.0028 248.20) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.303 | 0.01 | 248.2 |
| 2 | 0.776 | 0.007 | 145.7 |
| 3 | 0.354 | 0.022 | 235.5 |
| 4 | 0.85 | 0.012 | 306.3 |
| 5 | 0.343 | 0.003 | 248.2 |

## In these collections

- [Gray gradients](https://grabient.com/gray-gradients)

## Other forms

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