# Dark gray and gray linear swatches

Dark gray and gray linear swatches 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.

- Seed: `kWTQew4oKzy0ISpsBMhK4E5A`
- Page: https://grabient.com/kWTQew4oKzy0ISpsBMhK4E5A?style=linearSwatches&steps=64&angle=225
- Drawn as: linear swatches, 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.000% 1.563%, #2f3438 1.563% 3.125%, #353a3e 3.125% 4.688%, #3d4246 4.688% 6.250%, #464c4e 6.250% 7.813%, #505658 7.813% 9.375%, #5b6162 9.375% 10.938%, #676d6d 10.938% 12.500%, #737978 12.500% 14.063%, #7f8584 14.063% 15.625%, #8b908e 15.625% 17.188%, #969b98 17.188% 18.750%, #a0a4a1 18.750% 20.313%, #a8aca9 20.313% 21.875%, #aeb2af 21.875% 23.438%, #b2b6b2 23.438% 25.000%, #b3b7b3 25.000% 26.563%, #b1b5b1 26.563% 28.125%, #acb1ac 28.125% 29.688%, #a4aaa5 29.688% 31.250%, #9aa19c 31.250% 32.813%, #8f9792 32.813% 34.375%, #828c87 34.375% 35.938%, #75807c 35.938% 37.500%, #687472 37.500% 39.063%, #5b6967 39.063% 40.625%, #4f5e5e 40.625% 42.188%, #455456 42.188% 43.750%, #3d4c4f 43.750% 45.313%, #36454a 45.313% 46.875%, #324047 46.875% 48.438%, #303e45 48.438% 50.000%, #323e47 50.000% 51.563%, #36414b 51.563% 53.125%, #3d4751 53.125% 54.688%, #464e5a 54.688% 56.250%, #515864 56.250% 57.813%, #5e636f 57.813% 59.375%, #6c6f7c 59.375% 60.938%, #7a7c89 60.938% 62.500%, #898a96 62.500% 64.063%, #9898a3 64.063% 65.625%, #a6a5b0 65.625% 67.188%, #b3b1bb 67.188% 68.750%, #bebbc5 68.750% 70.313%, #c7c3cd 70.313% 71.875%, #cdc9d2 71.875% 73.438%, #d0ccd4 73.438% 75.000%, #cfcbd3 75.000% 76.563%, #cbc7cf 76.563% 78.125%, #c4c1c8 78.125% 79.688%, #bbb8bf 79.688% 81.250%, #b0aeb5 81.250% 82.813%, #a4a3a9 82.813% 84.375%, #97969c 84.375% 85.938%, #898a8e 85.938% 87.500%, #7c7c81 87.500% 89.063%, #6e7073 89.063% 90.625%, #626366 90.625% 92.188%, #56585b 92.188% 93.750%, #4c4e50 93.750% 95.313%, #444547 95.313% 96.875%, #3d3e3f 96.875% 98.438%, #37393a 98.438% 100.000%);
background: linear-gradient(225deg, oklch(30.31% 0.0096 248.20) 0.000% 1.563%, oklch(32.17% 0.0095 244.19) 1.563% 3.125%, oklch(34.66% 0.0093 238.79) 3.125% 4.688%, oklch(37.68% 0.0090 232.25) 4.688% 6.250%, oklch(41.12% 0.0087 224.79) 6.250% 7.813%, oklch(44.89% 0.0084 216.63) 7.813% 9.375%, oklch(48.88% 0.0080 208.00) 9.375% 10.938%, oklch(52.98% 0.0076 199.12) 10.938% 12.500%, oklch(57.08% 0.0073 190.23) 12.500% 14.063%, oklch(61.09% 0.0070 181.55) 14.063% 15.625%, oklch(64.89% 0.0067 173.30) 15.625% 17.188%, oklch(68.38% 0.0065 165.72) 17.188% 18.750%, oklch(71.47% 0.0064 159.03) 18.750% 20.313%, oklch(74.03% 0.0063 153.45) 20.313% 21.875%, oklch(75.97% 0.0064 149.21) 21.875% 23.438%, oklch(77.19% 0.0066 146.54) 23.438% 25.000%, oklch(77.57% 0.0070 145.65) 25.000% 26.563%, oklch(76.96% 0.0076 146.41) 26.563% 28.125%, oklch(75.43% 0.0083 148.60) 28.125% 29.688%, oklch(73.12% 0.0093 152.06) 29.688% 31.250%, oklch(70.18% 0.0104 156.61) 31.250% 32.813%, oklch(66.74% 0.0115 162.10) 32.813% 34.375%, oklch(62.94% 0.0128 168.36) 34.375% 35.938%, oklch(58.91% 0.0141 175.24) 35.938% 37.500%, oklch(54.81% 0.0154 182.57) 37.500% 39.063%, oklch(50.76% 0.0167 190.19) 39.063% 40.625%, oklch(46.91% 0.0179 197.93) 40.625% 42.188%, oklch(43.39% 0.0190 205.64) 42.188% 43.750%, oklch(40.34% 0.0200 213.15) 43.750% 45.313%, oklch(37.91% 0.0208 220.29) 45.313% 46.875%, oklch(36.24% 0.0215 226.92) 46.875% 48.438%, oklch(35.45% 0.0219 232.86) 48.438% 50.000%, oklch(35.69% 0.0221 238.12) 50.000% 51.563%, oklch(36.99% 0.0221 243.54) 51.563% 53.125%, oklch(39.22% 0.0219 249.20) 53.125% 54.688%, oklch(42.22% 0.0216 255.01) 54.688% 56.250%, oklch(45.85% 0.0211 260.90) 56.250% 57.813%, oklch(49.96% 0.0205 266.77) 57.813% 59.375%, oklch(54.40% 0.0198 272.54) 59.375% 60.938%, oklch(59.02% 0.0191 278.14) 60.938% 62.500%, oklch(63.69% 0.0183 283.46) 62.500% 64.063%, oklch(68.24% 0.0174 288.44) 64.063% 65.625%, oklch(72.54% 0.0165 292.98) 65.625% 67.188%, oklch(76.44% 0.0157 297.00) 67.188% 68.750%, oklch(79.78% 0.0148 300.41) 68.750% 70.313%, oklch(82.42% 0.0140 303.14) 70.313% 71.875%, oklch(84.21% 0.0132 305.10) 71.875% 73.438%, oklch(85.01% 0.0126 306.19) 73.438% 75.000%, oklch(84.73% 0.0119 306.28) 75.000% 76.563%, oklch(83.52% 0.0113 305.21) 76.563% 78.125%, oklch(81.50% 0.0106 303.11) 78.125% 79.688%, oklch(78.79% 0.0099 300.14) 79.688% 81.250%, oklch(75.49% 0.0092 296.43) 81.250% 82.813%, oklch(71.74% 0.0085 292.13) 82.813% 84.375%, oklch(67.63% 0.0078 287.39) 84.375% 85.938%, oklch(63.30% 0.0071 282.33) 85.938% 87.500%, oklch(58.85% 0.0064 277.12) 87.500% 89.063%, oklch(54.40% 0.0057 271.89) 89.063% 90.625%, oklch(50.07% 0.0051 266.79) 90.625% 92.188%, oklch(45.98% 0.0045 261.96) 92.188% 93.750%, oklch(42.23% 0.0040 257.54) 93.750% 95.313%, oklch(38.95% 0.0035 253.68) 95.313% 96.875%, oklch(36.25% 0.0031 250.52) 96.875% 98.438%, oklch(34.25% 0.0028 248.20) 98.438% 100.000%);
```

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