# Cool gray linear swatches

Cool gray linear swatches with 64 colors: #48555a, #4a575c, #4c595e, #4e5b60, #505d62, #526065, #556368, #58666b, #5b6a6f, #5e6d72, #627176, #65757a, #69797e, #6d7d82, #718186, #74858a, #78898e, #7c8d92, #809196, #83959a, #87999e, #8a9da2, #8da0a6, #90a4a9, #93a7ac, #96aaaf, #98acb2, #9aafb4, #9cb0b6, #9db2b8, #9eb3ba, #9fb4ba, #9fb4bb, #9fb4bb, #9fb3bb, #9eb2ba, #9cb0b9, #9baeb7, #99acb6, #97aab4, #95a7b2, #92a4af, #90a1ac, #8d9da9, #8a9aa6, #8796a3, #8492a0, #818f9c, #7e8b99, #7b8795, #788392, #757f8e, #727b8b, #707887, #6d7484, #6a7181, #686e7e, #656b7b, #636878, #616575, #5f6373, #5e6171, #5d5f6f, #5c5d6e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kScA2e4Ak_j2Jxw`
- Page: https://grabient.com/kScA2e4Ak_j2Jxw?style=linearSwatches&steps=64&angle=45
- Drawn as: linear swatches, 64 steps, 45 degrees
- Kinds: light center, neutral, cool
- Hues: achromatic
- Contrast of its darkest and lightest colors: 3.5 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 | `#48555a` | `oklch(44.09% 0.0179 222.89)` | Country Sky | white, 7.6 to 1 |
| 2 | `#4a575c` | `oklch(44.65% 0.0180 222.81)` | Submarine Grey | white, 7.5 to 1 |
| 3 | `#4c595e` | `oklch(45.33% 0.0182 222.66)` | Submarine Grey | white, 7.2 to 1 |
| 4 | `#4e5b60` | `oklch(46.11% 0.0183 222.45)` | Dark and Stormy Night | white, 7 to 1 |
| 5 | `#505d62` | `oklch(46.98% 0.0185 222.20)` | Marine Magic | white, 6.7 to 1 |
| 6 | `#526065` | `oklch(47.95% 0.0187 221.89)` | Limousine Grey Blue | white, 6.5 to 1 |
| 7 | `#556368` | `oklch(48.99% 0.0189 221.55)` | Gunmetal | white, 6.2 to 1 |
| 8 | `#58666b` | `oklch(50.10% 0.0191 221.18)` | Whale Grey | white, 5.9 to 1 |
| 9 | `#5b6a6f` | `oklch(51.28% 0.0193 220.78)` | Made of Steel | white, 5.6 to 1 |
| 10 | `#5e6d72` | `oklch(52.51% 0.0195 220.37)` | Superstition | white, 5.3 to 1 |
| 11 | `#627176` | `oklch(53.78% 0.0198 219.94)` | Myth | white, 5 to 1 |
| 12 | `#65757a` | `oklch(55.09% 0.0200 219.50)` | Sea Beast | white, 4.7 to 1 |
| 13 | `#69797e` | `oklch(56.43% 0.0203 219.07)` | Night Rendezvous | black, 4.6 to 1 |
| 14 | `#6d7d82` | `oklch(57.79% 0.0205 218.64)` | Taliesin Blue | black, 4.8 to 1 |
| 15 | `#718186` | `oklch(59.15% 0.0208 218.22)` | Courtyard Blue | black, 5.1 to 1 |
| 16 | `#74858a` | `oklch(60.52% 0.0211 217.82)` | Regent Grey | black, 5.4 to 1 |
| 17 | `#78898e` | `oklch(61.88% 0.0213 217.45)` | Norwegian Blue | black, 5.7 to 1 |
| 18 | `#7c8d92` | `oklch(63.22% 0.0216 217.11)` | Harrow’s Gate | black, 6.1 to 1 |
| 19 | `#809196` | `oklch(64.54% 0.0219 216.81)` | Dark Storm Cloud | black, 6.4 to 1 |
| 20 | `#83959a` | `oklch(65.83% 0.0221 216.55)` | Morning at Sea | black, 6.7 to 1 |
| 21 | `#87999e` | `oklch(67.08% 0.0224 216.35)` | Fine Tuned Blue | black, 7 to 1 |
| 22 | `#8a9da2` | `oklch(68.27% 0.0227 216.20)` | Shale Grey | black, 7.4 to 1 |
| 23 | `#8da0a6` | `oklch(69.41% 0.0229 216.11)` | Symmetry | black, 7.7 to 1 |
| 24 | `#90a4a9` | `oklch(70.47% 0.0232 216.10)` | Galleria Blue | black, 8 to 1 |
| 25 | `#93a7ac` | `oklch(71.47% 0.0234 216.16)` | Celestra Grey | black, 8.3 to 1 |
| 26 | `#96aaaf` | `oklch(72.37% 0.0236 216.31)` | Meditative | black, 8.6 to 1 |
| 27 | `#98acb2` | `oklch(73.18% 0.0238 216.54)` | Bucolic Blue | black, 8.9 to 1 |
| 28 | `#9aafb4` | `oklch(73.89% 0.0240 216.87)` | Interesting Aqua | black, 9.1 to 1 |
| 29 | `#9cb0b6` | `oklch(74.49% 0.0242 217.31)` | Aqua-Sphere | black, 9.3 to 1 |
| 30 | `#9db2b8` | `oklch(74.97% 0.0244 217.85)` | Ovation | black, 9.5 to 1 |
| 31 | `#9eb3ba` | `oklch(75.32% 0.0246 218.51)` | Ovation | black, 9.6 to 1 |
| 32 | `#9fb4ba` | `oklch(75.54% 0.0247 219.28)` | Dockside Blue | black, 9.6 to 1 |
| 33 | `#9fb4bb` | `oklch(75.61% 0.0249 220.20)` | Dockside Blue | black, 9.7 to 1 |
| 34 | `#9fb4bb` | `oklch(75.53% 0.0250 221.28)` | Dockside Blue | black, 9.6 to 1 |
| 35 | `#9fb3bb` | `oklch(75.33% 0.0251 222.54)` | Dockside Blue | black, 9.6 to 1 |
| 36 | `#9eb2ba` | `oklch(75.00% 0.0252 223.96)` | Ovation | black, 9.5 to 1 |
| 37 | `#9cb0b9` | `oklch(74.55% 0.0253 225.52)` | Electric Slide | black, 9.3 to 1 |
| 38 | `#9baeb7` | `oklch(73.99% 0.0254 227.22)` | Irogon Blue | black, 9.1 to 1 |
| 39 | `#99acb6` | `oklch(73.34% 0.0255 229.05)` | Pacific Bliss | black, 8.9 to 1 |
| 40 | `#97aab4` | `oklch(72.59% 0.0255 230.98)` | Wave Goodbye | black, 8.7 to 1 |
| 41 | `#95a7b2` | `oklch(71.76% 0.0256 233.01)` | Ashen Wind | black, 8.4 to 1 |
| 42 | `#92a4af` | `oklch(70.85% 0.0257 235.14)` | Cadet Grey | black, 8.1 to 1 |
| 43 | `#90a1ac` | `oklch(69.87% 0.0257 237.33)` | Stormy Skies | black, 7.8 to 1 |
| 44 | `#8d9da9` | `oklch(68.84% 0.0258 239.59)` | Lost at Sea | black, 7.5 to 1 |
| 45 | `#8a9aa6` | `oklch(67.76% 0.0258 241.91)` | Hamilton Blue | black, 7.2 to 1 |
| 46 | `#8796a3` | `oklch(66.63% 0.0259 244.26)` | Ozone | black, 6.9 to 1 |
| 47 | `#8492a0` | `oklch(65.47% 0.0259 246.64)` | Diopside Blue | black, 6.6 to 1 |
| 48 | `#818f9c` | `oklch(64.28% 0.0259 249.04)` | London Square | black, 6.3 to 1 |
| 49 | `#7e8b99` | `oklch(63.07% 0.0259 251.44)` | Prophetic Sea | black, 6 to 1 |
| 50 | `#7b8795` | `oklch(61.85% 0.0260 253.84)` | Spartan Blue | black, 5.7 to 1 |
| 51 | `#788392` | `oklch(60.64% 0.0260 256.21)` | Link | black, 5.4 to 1 |
| 52 | `#757f8e` | `oklch(59.43% 0.0260 258.56)` | Seattle Haze | black, 5.2 to 1 |
| 53 | `#727b8b` | `oklch(58.23% 0.0260 260.86)` | Abandoned Spaceship | black, 4.9 to 1 |
| 54 | `#707887` | `oklch(57.06% 0.0260 263.11)` | Ice Blue Grey | black, 4.7 to 1 |
| 55 | `#6d7484` | `oklch(55.92% 0.0260 265.29)` | Encore | white, 4.6 to 1 |
| 56 | `#6a7181` | `oklch(54.82% 0.0261 267.39)` | Flintstone | white, 4.8 to 1 |
| 57 | `#686e7e` | `oklch(53.76% 0.0261 269.40)` | Nouveau | white, 5.1 to 1 |
| 58 | `#656b7b` | `oklch(52.77% 0.0261 271.31)` | Ashen Whisper | white, 5.3 to 1 |
| 59 | `#636878` | `oklch(51.83% 0.0261 273.11)` | Folkstone Grey | white, 5.5 to 1 |
| 60 | `#616575` | `oklch(50.97% 0.0261 274.77)` | Comet | white, 5.7 to 1 |
| 61 | `#5f6373` | `oklch(50.19% 0.0261 276.31)` | Damp Basement | white, 5.9 to 1 |
| 62 | `#5e6171` | `oklch(49.50% 0.0261 277.69)` | Damp Basement | white, 6.1 to 1 |
| 63 | `#5d5f6f` | `oklch(48.91% 0.0262 278.91)` | Mysterious Night | white, 6.3 to 1 |
| 64 | `#5c5d6e` | `oklch(48.43% 0.0262 279.96)` | Shearwater Black | white, 6.4 to 1 |

## CSS

```css
background: linear-gradient(45deg, #48555a 0.000% 1.563%, #4a575c 1.563% 3.125%, #4c595e 3.125% 4.688%, #4e5b60 4.688% 6.250%, #505d62 6.250% 7.813%, #526065 7.813% 9.375%, #556368 9.375% 10.938%, #58666b 10.938% 12.500%, #5b6a6f 12.500% 14.063%, #5e6d72 14.063% 15.625%, #627176 15.625% 17.188%, #65757a 17.188% 18.750%, #69797e 18.750% 20.313%, #6d7d82 20.313% 21.875%, #718186 21.875% 23.438%, #74858a 23.438% 25.000%, #78898e 25.000% 26.563%, #7c8d92 26.563% 28.125%, #809196 28.125% 29.688%, #83959a 29.688% 31.250%, #87999e 31.250% 32.813%, #8a9da2 32.813% 34.375%, #8da0a6 34.375% 35.938%, #90a4a9 35.938% 37.500%, #93a7ac 37.500% 39.063%, #96aaaf 39.063% 40.625%, #98acb2 40.625% 42.188%, #9aafb4 42.188% 43.750%, #9cb0b6 43.750% 45.313%, #9db2b8 45.313% 46.875%, #9eb3ba 46.875% 48.438%, #9fb4ba 48.438% 50.000%, #9fb4bb 50.000% 51.563%, #9fb4bb 51.563% 53.125%, #9fb3bb 53.125% 54.688%, #9eb2ba 54.688% 56.250%, #9cb0b9 56.250% 57.813%, #9baeb7 57.813% 59.375%, #99acb6 59.375% 60.938%, #97aab4 60.938% 62.500%, #95a7b2 62.500% 64.063%, #92a4af 64.063% 65.625%, #90a1ac 65.625% 67.188%, #8d9da9 67.188% 68.750%, #8a9aa6 68.750% 70.313%, #8796a3 70.313% 71.875%, #8492a0 71.875% 73.438%, #818f9c 73.438% 75.000%, #7e8b99 75.000% 76.563%, #7b8795 76.563% 78.125%, #788392 78.125% 79.688%, #757f8e 79.688% 81.250%, #727b8b 81.250% 82.813%, #707887 82.813% 84.375%, #6d7484 84.375% 85.938%, #6a7181 85.938% 87.500%, #686e7e 87.500% 89.063%, #656b7b 89.063% 90.625%, #636878 90.625% 92.188%, #616575 92.188% 93.750%, #5f6373 93.750% 95.313%, #5e6171 95.313% 96.875%, #5d5f6f 96.875% 98.438%, #5c5d6e 98.438% 100.000%);
background: linear-gradient(45deg, oklch(44.09% 0.0179 222.89) 0.000% 1.563%, oklch(44.65% 0.0180 222.81) 1.563% 3.125%, oklch(45.33% 0.0182 222.66) 3.125% 4.688%, oklch(46.11% 0.0183 222.45) 4.688% 6.250%, oklch(46.98% 0.0185 222.20) 6.250% 7.813%, oklch(47.95% 0.0187 221.89) 7.813% 9.375%, oklch(48.99% 0.0189 221.55) 9.375% 10.938%, oklch(50.10% 0.0191 221.18) 10.938% 12.500%, oklch(51.28% 0.0193 220.78) 12.500% 14.063%, oklch(52.51% 0.0195 220.37) 14.063% 15.625%, oklch(53.78% 0.0198 219.94) 15.625% 17.188%, oklch(55.09% 0.0200 219.50) 17.188% 18.750%, oklch(56.43% 0.0203 219.07) 18.750% 20.313%, oklch(57.79% 0.0205 218.64) 20.313% 21.875%, oklch(59.15% 0.0208 218.22) 21.875% 23.438%, oklch(60.52% 0.0211 217.82) 23.438% 25.000%, oklch(61.88% 0.0213 217.45) 25.000% 26.563%, oklch(63.22% 0.0216 217.11) 26.563% 28.125%, oklch(64.54% 0.0219 216.81) 28.125% 29.688%, oklch(65.83% 0.0221 216.55) 29.688% 31.250%, oklch(67.08% 0.0224 216.35) 31.250% 32.813%, oklch(68.27% 0.0227 216.20) 32.813% 34.375%, oklch(69.41% 0.0229 216.11) 34.375% 35.938%, oklch(70.47% 0.0232 216.10) 35.938% 37.500%, oklch(71.47% 0.0234 216.16) 37.500% 39.063%, oklch(72.37% 0.0236 216.31) 39.063% 40.625%, oklch(73.18% 0.0238 216.54) 40.625% 42.188%, oklch(73.89% 0.0240 216.87) 42.188% 43.750%, oklch(74.49% 0.0242 217.31) 43.750% 45.313%, oklch(74.97% 0.0244 217.85) 45.313% 46.875%, oklch(75.32% 0.0246 218.51) 46.875% 48.438%, oklch(75.54% 0.0247 219.28) 48.438% 50.000%, oklch(75.61% 0.0249 220.20) 50.000% 51.563%, oklch(75.53% 0.0250 221.28) 51.563% 53.125%, oklch(75.33% 0.0251 222.54) 53.125% 54.688%, oklch(75.00% 0.0252 223.96) 54.688% 56.250%, oklch(74.55% 0.0253 225.52) 56.250% 57.813%, oklch(73.99% 0.0254 227.22) 57.813% 59.375%, oklch(73.34% 0.0255 229.05) 59.375% 60.938%, oklch(72.59% 0.0255 230.98) 60.938% 62.500%, oklch(71.76% 0.0256 233.01) 62.500% 64.063%, oklch(70.85% 0.0257 235.14) 64.063% 65.625%, oklch(69.87% 0.0257 237.33) 65.625% 67.188%, oklch(68.84% 0.0258 239.59) 67.188% 68.750%, oklch(67.76% 0.0258 241.91) 68.750% 70.313%, oklch(66.63% 0.0259 244.26) 70.313% 71.875%, oklch(65.47% 0.0259 246.64) 71.875% 73.438%, oklch(64.28% 0.0259 249.04) 73.438% 75.000%, oklch(63.07% 0.0259 251.44) 75.000% 76.563%, oklch(61.85% 0.0260 253.84) 76.563% 78.125%, oklch(60.64% 0.0260 256.21) 78.125% 79.688%, oklch(59.43% 0.0260 258.56) 79.688% 81.250%, oklch(58.23% 0.0260 260.86) 81.250% 82.813%, oklch(57.06% 0.0260 263.11) 82.813% 84.375%, oklch(55.92% 0.0260 265.29) 84.375% 85.938%, oklch(54.82% 0.0261 267.39) 85.938% 87.500%, oklch(53.76% 0.0261 269.40) 87.500% 89.063%, oklch(52.77% 0.0261 271.31) 89.063% 90.625%, oklch(51.83% 0.0261 273.11) 90.625% 92.188%, oklch(50.97% 0.0261 274.77) 92.188% 93.750%, oklch(50.19% 0.0261 276.31) 93.750% 95.313%, oklch(49.50% 0.0261 277.69) 95.313% 96.875%, oklch(48.91% 0.0262 278.91) 96.875% 98.438%, oklch(48.43% 0.0262 279.96) 98.438% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.441 | 0.018 | 222.9 |
| 2 | 0.756 | 0.025 | 219.7 |
| 3 | 0.484 | 0.026 | 280 |

## In these collections

- [Monochrome blue gradients](https://grabient.com/monochrome-blue-gradients)
- [Cool gray gradients](https://grabient.com/cool-gray-gradients)

## Other forms

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