# Gray, light blue and purple linear gradient

Gray, light blue and purple linear gradient with 40 colors: #617379, #67797f, #6e8187, #778b90, #81969a, #8ca2a5, #97adb0, #a1b7ba, #aac0c2, #b4cacc, #c0d6d7, #cce1e2, #d7ebec, #e0f3f4, #e4f7f9, #e3f6f9, #dbeef3, #c8dce5, #b0c2d0, #97a4b7, #7f859d, #6c6983, #5d526d, #55455f, #54425d, #5a4763, #645471, #726584, #81799a, #8f8fb1, #9aa3c4, #a1b4d1, #a4c0d7, #a8cad7, #afd2d3, #bbd6cd, #c8d8ca, #d3d9ca, #dadacd, #dfdcd1. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYihGc5Ak9_iHwO0Ecv4hE5XGFrI`
- Page: https://grabient.com/kYihGc5Ak9_iHwO0Ecv4hE5XGFrI?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: neutral, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.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 | `#617379` | `oklch(54.33% 0.0234 220.08)` | Relaxed Navy | white, 4.9 to 1 |
| 2 | `#67797f` | `oklch(56.33% 0.0236 218.55)` | Night Rendezvous | black, 4.6 to 1 |
| 3 | `#6e8187` | `oklch(59.06% 0.0238 216.32)` | Atlantic Shoreline | black, 5.1 to 1 |
| 4 | `#778b90` | `oklch(62.32% 0.0241 213.65)` | Leisure Time | black, 5.8 to 1 |
| 5 | `#81969a` | `oklch(65.89% 0.0244 210.81)` | Morning at Sea | black, 6.7 to 1 |
| 6 | `#8ca2a5` | `oklch(69.58% 0.0247 208.07)` | Iron Earth | black, 7.8 to 1 |
| 7 | `#97adb0` | `oklch(73.17% 0.0248 205.69)` | Quiet Moment | black, 8.9 to 1 |
| 8 | `#a1b7ba` | `oklch(76.46% 0.0249 203.94)` | Blue by You | black, 10 to 1 |
| 9 | `#aac0c2` | `oklch(79.28% 0.0248 203.05)` | Bleu Clair | black, 11 to 1 |
| 10 | `#b4cacc` | `oklch(82.38% 0.0242 202.14)` | Berry Mojito | black, 12.2 to 1 |
| 11 | `#c0d6d7` | `oklch(85.90% 0.0231 201.06)` | Wind Speed | black, 13.7 to 1 |
| 12 | `#cce1e2` | `oklch(89.43% 0.0219 200.21)` | Beach Foam | black, 15.4 to 1 |
| 13 | `#d7ebec` | `oklch(92.59% 0.0208 200.05)` | Water Squirt | black, 17 to 1 |
| 14 | `#e0f3f4` | `oklch(95.00% 0.0199 200.98)` | Bone-Chilling | black, 18.2 to 1 |
| 15 | `#e4f7f9` | `oklch(96.25% 0.0196 203.44)` | Coastal Breeze | black, 18.9 to 1 |
| 16 | `#e3f6f9` | `oklch(95.96% 0.0200 207.86)` | Coastal Breeze | black, 18.7 to 1 |
| 17 | `#dbeef3` | `oklch(93.62% 0.0214 214.88)` | Ice Fishing | black, 17.5 to 1 |
| 18 | `#c8dce5` | `oklch(88.24% 0.0241 226.30)` | Blue Tulle | black, 14.8 to 1 |
| 19 | `#b0c2d0` | `oklch(80.50% 0.0278 241.14)` | Boot Cut | black, 11.4 to 1 |
| 20 | `#97a4b7` | `oklch(71.40% 0.0320 257.83)` | Moon Shadow | black, 8.2 to 1 |
| 21 | `#7f859d` | `oklch(61.96% 0.0365 274.79)` | Velvet Curtain | black, 5.7 to 1 |
| 22 | `#6c6983` | `oklch(53.19% 0.0408 290.42)` | Hyacinth Arbour | white, 5.2 to 1 |
| 23 | `#5d526d` | `oklch(46.10% 0.0446 303.15)` | Arraign | white, 7.2 to 1 |
| 24 | `#55455f` | `oklch(41.72% 0.0474 311.39)` | Petal Purple | white, 8.7 to 1 |
| 25 | `#54425d` | `oklch(40.84% 0.0492 314.22)` | Navy Cosmos | white, 9 to 1 |
| 26 | `#5a4763` | `oklch(42.93% 0.0503 313.59)` | Purple People Eater | white, 8.3 to 1 |
| 27 | `#645471` | `oklch(47.23% 0.0510 310.06)` | Rich Texture | white, 6.9 to 1 |
| 28 | `#726584` | `oklch(53.01% 0.0513 303.94)` | Posy Purple | white, 5.3 to 1 |
| 29 | `#81799a` | `oklch(59.54% 0.0510 295.55)` | Garden Violets | black, 5.1 to 1 |
| 30 | `#8f8fb1` | `oklch(66.12% 0.0503 285.19)` | Fresh Lavender | black, 6.7 to 1 |
| 31 | `#9aa3c4` | `oklch(72.01% 0.0490 273.19)` | Wild Phlox | black, 8.4 to 1 |
| 32 | `#a1b4d1` | `oklch(76.50% 0.0473 259.86)` | Stellar Blue | black, 9.9 to 1 |
| 33 | `#a4c0d7` | `oklch(79.47% 0.0447 243.94)` | Simpatico Blue | black, 11.1 to 1 |
| 34 | `#a8cad7` | `oklch(81.87% 0.0410 223.27)` | Vast Sky | black, 12.1 to 1 |
| 35 | `#afd2d3` | `oklch(83.82% 0.0364 199.45)` | Fine China | black, 12.9 to 1 |
| 36 | `#bbd6cd` | `oklch(85.39% 0.0314 174.20)` | Soft Fresco | black, 13.6 to 1 |
| 37 | `#c8d8ca` | `oklch(86.66% 0.0264 149.24)` | Dry Lichen | black, 14.1 to 1 |
| 38 | `#d3d9ca` | `oklch(87.69% 0.0218 126.29)` | Light Green Alabaster | black, 14.5 to 1 |
| 39 | `#dadacd` | `oklch(88.57% 0.0179 107.06)` | Celery White | black, 14.9 to 1 |
| 40 | `#dfdcd1` | `oklch(89.37% 0.0152 93.27)` | Nonchalant White | black, 15.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #617379 0.0%, #67797f 2.6%, #6e8187 5.1%, #778b90 7.7%, #81969a 10.3%, #8ca2a5 12.8%, #97adb0 15.4%, #a1b7ba 17.9%, #aac0c2 20.5%, #b4cacc 23.1%, #c0d6d7 25.6%, #cce1e2 28.2%, #d7ebec 30.8%, #e0f3f4 33.3%, #e4f7f9 35.9%, #e3f6f9 38.5%, #dbeef3 41.0%, #c8dce5 43.6%, #b0c2d0 46.2%, #97a4b7 48.7%, #7f859d 51.3%, #6c6983 53.8%, #5d526d 56.4%, #55455f 59.0%, #54425d 61.5%, #5a4763 64.1%, #645471 66.7%, #726584 69.2%, #81799a 71.8%, #8f8fb1 74.4%, #9aa3c4 76.9%, #a1b4d1 79.5%, #a4c0d7 82.1%, #a8cad7 84.6%, #afd2d3 87.2%, #bbd6cd 89.7%, #c8d8ca 92.3%, #d3d9ca 94.9%, #dadacd 97.4%, #dfdcd1 100.0%);
background: linear-gradient(135deg in oklch, oklch(54.33% 0.0234 220.08) 0.0%, oklch(56.33% 0.0236 218.55) 2.6%, oklch(59.06% 0.0238 216.32) 5.1%, oklch(62.32% 0.0241 213.65) 7.7%, oklch(65.89% 0.0244 210.81) 10.3%, oklch(69.58% 0.0247 208.07) 12.8%, oklch(73.17% 0.0248 205.69) 15.4%, oklch(76.46% 0.0249 203.94) 17.9%, oklch(79.28% 0.0248 203.05) 20.5%, oklch(82.38% 0.0242 202.14) 23.1%, oklch(85.90% 0.0231 201.06) 25.6%, oklch(89.43% 0.0219 200.21) 28.2%, oklch(92.59% 0.0208 200.05) 30.8%, oklch(95.00% 0.0199 200.98) 33.3%, oklch(96.25% 0.0196 203.44) 35.9%, oklch(95.96% 0.0200 207.86) 38.5%, oklch(93.62% 0.0214 214.88) 41.0%, oklch(88.24% 0.0241 226.30) 43.6%, oklch(80.50% 0.0278 241.14) 46.2%, oklch(71.40% 0.0320 257.83) 48.7%, oklch(61.96% 0.0365 274.79) 51.3%, oklch(53.19% 0.0408 290.42) 53.8%, oklch(46.10% 0.0446 303.15) 56.4%, oklch(41.72% 0.0474 311.39) 59.0%, oklch(40.84% 0.0492 314.22) 61.5%, oklch(42.93% 0.0503 313.59) 64.1%, oklch(47.23% 0.0510 310.06) 66.7%, oklch(53.01% 0.0513 303.94) 69.2%, oklch(59.54% 0.0510 295.55) 71.8%, oklch(66.12% 0.0503 285.19) 74.4%, oklch(72.01% 0.0490 273.19) 76.9%, oklch(76.50% 0.0473 259.86) 79.5%, oklch(79.47% 0.0447 243.94) 82.1%, oklch(81.87% 0.0410 223.27) 84.6%, oklch(83.82% 0.0364 199.45) 87.2%, oklch(85.39% 0.0314 174.20) 89.7%, oklch(86.66% 0.0264 149.24) 92.3%, oklch(87.69% 0.0218 126.29) 94.9%, oklch(88.57% 0.0179 107.06) 97.4%, oklch(89.37% 0.0152 93.27) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.543 | 0.023 | 220.1 |
| 2 | 0.787 | 0.025 | 203.2 |
| 3 | 0.949 | 0.021 | 211.6 |
| 4 | 0.409 | 0.048 | 313.1 |
| 5 | 0.772 | 0.047 | 257.1 |
| 6 | 0.894 | 0.015 | 93.3 |

## Other forms

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