# Gray linear swatches

Gray linear swatches with 32 colors: #6b6e6d, #6c6f6e, #6d706f, #6f7270, #707372, #727573, #747775, #767977, #787b79, #7a7d7b, #7c7f7e, #7f8180, #818482, #838685, #868887, #888b8a, #8b8d8c, #8d908f, #909291, #929594, #959796, #979998, #999c9b, #9c9e9d, #9ea09f, #a0a2a1, #a2a4a3, #a4a6a5, #a5a7a6, #a7a9a8, #a8aaa9, #a9abaa. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kQiAN13gFAI`
- Page: https://grabient.com/kQiAN13gFAI?style=linearSwatches&steps=32&angle=180
- Drawn as: linear swatches, 32 steps, 180 degrees
- Kinds: neutral
- Hues: achromatic
- Contrast of its darkest and lightest colors: 2.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 | `#6b6e6d` | `oklch(53.54% 0.0041 165.23)` | Dark Ash | white, 5.1 to 1 |
| 2 | `#6c6f6e` | `oklch(53.90% 0.0041 165.27)` | Almost Charcoal | white, 5 to 1 |
| 3 | `#6d706f` | `oklch(54.33% 0.0041 165.31)` | Almost Charcoal | white, 4.9 to 1 |
| 4 | `#6f7270` | `oklch(54.80% 0.0040 165.36)` | Dull | white, 4.8 to 1 |
| 5 | `#707372` | `oklch(55.33% 0.0040 165.42)` | Sandpiper Cove | white, 4.7 to 1 |
| 6 | `#727573` | `oklch(55.91% 0.0040 165.48)` | Sandpiper Cove | white, 4.6 to 1 |
| 7 | `#747775` | `oklch(56.53% 0.0039 165.54)` | Riverstone | black, 4.6 to 1 |
| 8 | `#767977` | `oklch(57.18% 0.0039 165.61)` | Legendary Grey | black, 4.7 to 1 |
| 9 | `#787b79` | `oklch(57.88% 0.0038 165.68)` | Westchester Grey | black, 4.8 to 1 |
| 10 | `#7a7d7b` | `oklch(58.60% 0.0038 165.76)` | Namara Grey | black, 5 to 1 |
| 11 | `#7c7f7e` | `oklch(59.35% 0.0037 165.83)` | Iron Grey | black, 5.1 to 1 |
| 12 | `#7f8180` | `oklch(60.13% 0.0037 165.91)` | Mt. Rushmore | black, 5.3 to 1 |
| 13 | `#818482` | `oklch(60.92% 0.0036 166.00)` | Happy Hippo | black, 5.5 to 1 |
| 14 | `#838685` | `oklch(61.73% 0.0036 166.08)` | Signal Grey | black, 5.7 to 1 |
| 15 | `#868887` | `oklch(62.54% 0.0035 166.16)` | Slate Rock | black, 5.9 to 1 |
| 16 | `#888b8a` | `oklch(63.37% 0.0035 166.25)` | City Storm | black, 6 to 1 |
| 17 | `#8b8d8c` | `oklch(64.19% 0.0034 166.33)` | More Than a Week | black, 6.3 to 1 |
| 18 | `#8d908f` | `oklch(65.02% 0.0034 166.42)` | Silver Snippet | black, 6.5 to 1 |
| 19 | `#909291` | `oklch(65.83% 0.0033 166.50)` | Cool Ashes | black, 6.7 to 1 |
| 20 | `#929594` | `oklch(66.64% 0.0033 166.59)` | Lost Soul Grey | black, 6.9 to 1 |
| 21 | `#959796` | `oklch(67.43% 0.0032 166.67)` | Shark Fin | black, 7.1 to 1 |
| 22 | `#979998` | `oklch(68.21% 0.0031 166.75)` | Basalt | black, 7.3 to 1 |
| 23 | `#999c9b` | `oklch(68.96% 0.0031 166.83)` | Walrus | black, 7.5 to 1 |
| 24 | `#9c9e9d` | `oklch(69.68% 0.0030 166.90)` | Smoky Tone | black, 7.7 to 1 |
| 25 | `#9ea09f` | `oklch(70.37% 0.0030 166.97)` | Hugh’s Hue | black, 7.9 to 1 |
| 26 | `#a0a2a1` | `oklch(71.03% 0.0030 167.04)` | Charmed Chalice | black, 8.1 to 1 |
| 27 | `#a2a4a3` | `oklch(71.65% 0.0029 167.10)` | Castlegate | black, 8.3 to 1 |
| 28 | `#a4a6a5` | `oklch(72.23% 0.0029 167.16)` | Chain Reaction | black, 8.5 to 1 |
| 29 | `#a5a7a6` | `oklch(72.76% 0.0028 167.22)` | Quicksilver | black, 8.7 to 1 |
| 30 | `#a7a9a8` | `oklch(73.23% 0.0028 167.27)` | Elephant in the Room | black, 8.8 to 1 |
| 31 | `#a8aaa9` | `oklch(73.65% 0.0028 167.31)` | Elephant in the Room | black, 9 to 1 |
| 32 | `#a9abaa` | `oklch(74.02% 0.0028 167.35)` | Dhūsar Grey | black, 9.1 to 1 |

## CSS

```css
background: linear-gradient(180deg, #6b6e6d 0.000% 3.125%, #6c6f6e 3.125% 6.250%, #6d706f 6.250% 9.375%, #6f7270 9.375% 12.500%, #707372 12.500% 15.625%, #727573 15.625% 18.750%, #747775 18.750% 21.875%, #767977 21.875% 25.000%, #787b79 25.000% 28.125%, #7a7d7b 28.125% 31.250%, #7c7f7e 31.250% 34.375%, #7f8180 34.375% 37.500%, #818482 37.500% 40.625%, #838685 40.625% 43.750%, #868887 43.750% 46.875%, #888b8a 46.875% 50.000%, #8b8d8c 50.000% 53.125%, #8d908f 53.125% 56.250%, #909291 56.250% 59.375%, #929594 59.375% 62.500%, #959796 62.500% 65.625%, #979998 65.625% 68.750%, #999c9b 68.750% 71.875%, #9c9e9d 71.875% 75.000%, #9ea09f 75.000% 78.125%, #a0a2a1 78.125% 81.250%, #a2a4a3 81.250% 84.375%, #a4a6a5 84.375% 87.500%, #a5a7a6 87.500% 90.625%, #a7a9a8 90.625% 93.750%, #a8aaa9 93.750% 96.875%, #a9abaa 96.875% 100.000%);
background: linear-gradient(180deg, oklch(53.54% 0.0041 165.23) 0.000% 3.125%, oklch(53.90% 0.0041 165.27) 3.125% 6.250%, oklch(54.33% 0.0041 165.31) 6.250% 9.375%, oklch(54.80% 0.0040 165.36) 9.375% 12.500%, oklch(55.33% 0.0040 165.42) 12.500% 15.625%, oklch(55.91% 0.0040 165.48) 15.625% 18.750%, oklch(56.53% 0.0039 165.54) 18.750% 21.875%, oklch(57.18% 0.0039 165.61) 21.875% 25.000%, oklch(57.88% 0.0038 165.68) 25.000% 28.125%, oklch(58.60% 0.0038 165.76) 28.125% 31.250%, oklch(59.35% 0.0037 165.83) 31.250% 34.375%, oklch(60.13% 0.0037 165.91) 34.375% 37.500%, oklch(60.92% 0.0036 166.00) 37.500% 40.625%, oklch(61.73% 0.0036 166.08) 40.625% 43.750%, oklch(62.54% 0.0035 166.16) 43.750% 46.875%, oklch(63.37% 0.0035 166.25) 46.875% 50.000%, oklch(64.19% 0.0034 166.33) 50.000% 53.125%, oklch(65.02% 0.0034 166.42) 53.125% 56.250%, oklch(65.83% 0.0033 166.50) 56.250% 59.375%, oklch(66.64% 0.0033 166.59) 59.375% 62.500%, oklch(67.43% 0.0032 166.67) 62.500% 65.625%, oklch(68.21% 0.0031 166.75) 65.625% 68.750%, oklch(68.96% 0.0031 166.83) 68.750% 71.875%, oklch(69.68% 0.0030 166.90) 71.875% 75.000%, oklch(70.37% 0.0030 166.97) 75.000% 78.125%, oklch(71.03% 0.0030 167.04) 78.125% 81.250%, oklch(71.65% 0.0029 167.10) 81.250% 84.375%, oklch(72.23% 0.0029 167.16) 84.375% 87.500%, oklch(72.76% 0.0028 167.22) 87.500% 90.625%, oklch(73.23% 0.0028 167.27) 90.625% 93.750%, oklch(73.65% 0.0028 167.31) 93.750% 96.875%, oklch(74.02% 0.0028 167.35) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.535 | 0.004 | 165.2 |
| 2 | 0.74 | 0.003 | 167.3 |

## In these collections

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

## Other forms

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