# Stone and blue color palette

Gray to white linear gradient with 32 colors: #a5b2c8, #a6b3c9, #a8b5ca, #a9b7cc, #acbacf, #aebdd1, #b1c0d3, #b3c2d6, #b6c5d8, #b9c8db, #bbcbdd, #becedf, #c1d0e1, #c3d3e3, #c6d6e5, #c9d8e7, #ccdbea, #cfdeeb, #d2e0ed, #d5e3ef, #d8e5f1, #dbe8f2, #deeaf4, #e1edf5, #e4eff7, #e7f1f8, #ebf4f9, #eef6fb, #f1f8fc, #f4f9fd, #f6fbfd, #f8fcfe. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray to white linear gradient
- Seed: `kUwRm5aos-_UHvt9gj6A`
- Page: https://grabient.com/kUwRm5aos-_UHvt9gj6A?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: neutral, light, cool
- Hues: achromatic
- Contrast of its darkest and lightest colors: 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 | `#a5b2c8` | `oklch(75.98% 0.0344 260.16)` | Silk Sox | black, 9.7 to 1 |
| 2 | `#a6b3c9` | `oklch(76.43% 0.0342 259.68)` | Ballroom Blue | black, 9.9 to 1 |
| 3 | `#a8b5ca` | `oklch(77.01% 0.0340 259.07)` | Uniform | black, 10.1 to 1 |
| 4 | `#a9b7cc` | `oklch(77.68% 0.0337 258.35)` | Uniform | black, 10.3 to 1 |
| 5 | `#acbacf` | `oklch(78.44% 0.0334 257.55)` | Sailor Boy | black, 10.6 to 1 |
| 6 | `#aebdd1` | `oklch(79.26% 0.0330 256.67)` | Sweet Blue | black, 10.9 to 1 |
| 7 | `#b1c0d3` | `oklch(80.13% 0.0326 255.75)` | Snow Flurries | black, 11.3 to 1 |
| 8 | `#b3c2d6` | `oklch(81.01% 0.0322 254.81)` | Elevated | black, 11.6 to 1 |
| 9 | `#b6c5d8` | `oklch(81.90% 0.0317 253.85)` | Alley | black, 12 to 1 |
| 10 | `#b9c8db` | `oklch(82.77% 0.0311 252.91)` | Beribboned | black, 12.3 to 1 |
| 11 | `#bbcbdd` | `oklch(83.59% 0.0305 252.00)` | Arctic Grey | black, 12.7 to 1 |
| 12 | `#becedf` | `oklch(84.38% 0.0299 251.12)` | Sky’s the Limit | black, 13 to 1 |
| 13 | `#c1d0e1` | `oklch(85.19% 0.0291 250.25)` | Atmospheric Pressure | black, 13.3 to 1 |
| 14 | `#c3d3e3` | `oklch(86.00% 0.0284 249.38)` | Leap of Faith | black, 13.7 to 1 |
| 15 | `#c6d6e5` | `oklch(86.83% 0.0275 248.49)` | Defenestration | black, 14.1 to 1 |
| 16 | `#c9d8e7` | `oklch(87.65% 0.0266 247.60)` | Light Placid Blue | black, 14.5 to 1 |
| 17 | `#ccdbea` | `oklch(88.48% 0.0257 246.69)` | Alaskan Skies | black, 14.8 to 1 |
| 18 | `#cfdeeb` | `oklch(89.29% 0.0247 245.77)` | Shattered Sky | black, 15.2 to 1 |
| 19 | `#d2e0ed` | `oklch(90.09% 0.0237 244.82)` | Haunting Hue | black, 15.6 to 1 |
| 20 | `#d5e3ef` | `oklch(90.88% 0.0226 243.86)` | Wind Force | black, 16 to 1 |
| 21 | `#d8e5f1` | `oklch(91.64% 0.0215 242.87)` | Snowdrift Glow | black, 16.4 to 1 |
| 22 | `#dbe8f2` | `oklch(92.37% 0.0203 241.84)` | Azureish White | black, 16.8 to 1 |
| 23 | `#deeaf4` | `oklch(93.12% 0.0189 240.71)` | Freeze Up | black, 17.1 to 1 |
| 24 | `#e1edf5` | `oklch(93.88% 0.0173 239.48)` | Out Cold | black, 17.5 to 1 |
| 25 | `#e4eff7` | `oklch(94.64% 0.0157 238.19)` | Clear Vision | black, 17.9 to 1 |
| 26 | `#e7f1f8` | `oklch(95.39% 0.0139 236.87)` | Clear Vision | black, 18.4 to 1 |
| 27 | `#ebf4f9` | `oklch(96.11% 0.0122 235.57)` | Insignia White | black, 18.7 to 1 |
| 28 | `#eef6fb` | `oklch(96.79% 0.0105 234.32)` | Silent Snowfall | black, 19.1 to 1 |
| 29 | `#f1f8fc` | `oklch(97.41% 0.0090 233.16)` | Distant Horizon | black, 19.5 to 1 |
| 30 | `#f4f9fd` | `oklch(97.97% 0.0076 232.12)` | Mā White | black, 19.8 to 1 |
| 31 | `#f6fbfd` | `oklch(98.44% 0.0064 231.24)` | Deutzia White | black, 20.1 to 1 |
| 32 | `#f8fcfe` | `oklch(98.82% 0.0055 230.57)` | Deutzia White | black, 20.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #a5b2c8 0.0%, #a6b3c9 3.2%, #a8b5ca 6.5%, #a9b7cc 9.7%, #acbacf 12.9%, #aebdd1 16.1%, #b1c0d3 19.4%, #b3c2d6 22.6%, #b6c5d8 25.8%, #b9c8db 29.0%, #bbcbdd 32.3%, #becedf 35.5%, #c1d0e1 38.7%, #c3d3e3 41.9%, #c6d6e5 45.2%, #c9d8e7 48.4%, #ccdbea 51.6%, #cfdeeb 54.8%, #d2e0ed 58.1%, #d5e3ef 61.3%, #d8e5f1 64.5%, #dbe8f2 67.7%, #deeaf4 71.0%, #e1edf5 74.2%, #e4eff7 77.4%, #e7f1f8 80.6%, #ebf4f9 83.9%, #eef6fb 87.1%, #f1f8fc 90.3%, #f4f9fd 93.5%, #f6fbfd 96.8%, #f8fcfe 100.0%);
background: linear-gradient(90deg in oklch, oklch(75.98% 0.0344 260.16) 0.0%, oklch(76.43% 0.0342 259.68) 3.2%, oklch(77.01% 0.0340 259.07) 6.5%, oklch(77.68% 0.0337 258.35) 9.7%, oklch(78.44% 0.0334 257.55) 12.9%, oklch(79.26% 0.0330 256.67) 16.1%, oklch(80.13% 0.0326 255.75) 19.4%, oklch(81.01% 0.0322 254.81) 22.6%, oklch(81.90% 0.0317 253.85) 25.8%, oklch(82.77% 0.0311 252.91) 29.0%, oklch(83.59% 0.0305 252.00) 32.3%, oklch(84.38% 0.0299 251.12) 35.5%, oklch(85.19% 0.0291 250.25) 38.7%, oklch(86.00% 0.0284 249.38) 41.9%, oklch(86.83% 0.0275 248.49) 45.2%, oklch(87.65% 0.0266 247.60) 48.4%, oklch(88.48% 0.0257 246.69) 51.6%, oklch(89.29% 0.0247 245.77) 54.8%, oklch(90.09% 0.0237 244.82) 58.1%, oklch(90.88% 0.0226 243.86) 61.3%, oklch(91.64% 0.0215 242.87) 64.5%, oklch(92.37% 0.0203 241.84) 67.7%, oklch(93.12% 0.0189 240.71) 71.0%, oklch(93.88% 0.0173 239.48) 74.2%, oklch(94.64% 0.0157 238.19) 77.4%, oklch(95.39% 0.0139 236.87) 80.6%, oklch(96.11% 0.0122 235.57) 83.9%, oklch(96.79% 0.0105 234.32) 87.1%, oklch(97.41% 0.0090 233.16) 90.3%, oklch(97.97% 0.0076 232.12) 93.5%, oklch(98.44% 0.0064 231.24) 96.8%, oklch(98.82% 0.0055 230.57) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.76 | 0.034 | 260.2 |
| 2 | 0.839 | 0.03 | 251.7 |
| 3 | 0.921 | 0.021 | 242.2 |
| 4 | 0.988 | 0.006 | 230.6 |

## In these collections

- [Light UI gradients](https://grabient.com/light-ui-gradients)
- [App background gradients](https://grabient.com/app-background-gradients)
- [Cool blue](https://grabient.com/cool-blue)

## Other forms

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