# Gray, purple, brown and blue linear gradient

Gray, purple, brown and blue linear gradient with 48 colors: #cbd8dc, #c2d0d6, #b5c5cd, #a7b7c3, #98a8b8, #8a97ac, #7e869f, #737591, #6a6583, #645675, #5f4967, #5c405b, #5b3a50, #5b3648, #5c3642, #5e383d, #603b3a, #634038, #654739, #674d3c, #695540, #6a5c45, #6b624b, #6b6850, #6a6d55, #69735c, #697964, #687f6d, #678578, #688b83, #69908f, #6b959a, #6e98a3, #7299ab, #7599b1, #7898b5, #7995b6, #7790b4, #748ab1, #6e83ad, #687ba7, #6073a1, #586b9b, #506395, #495c8f, #425689, #3d5085, #3a4c82. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW3gubMpVN8INT3UlNCNqHCQ`
- Page: https://grabient.com/kW3gubMpVN8INT3UlNCNqHCQ?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.9 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 | `#cbd8dc` | `oklch(87.40% 0.0152 217.97)` | Wan Blue | black, 14.4 to 1 |
| 2 | `#c2d0d6` | `oklch(84.85% 0.0175 223.78)` | Catalyst Grey | black, 13.2 to 1 |
| 3 | `#b5c5cd` | `oklch(81.37% 0.0207 231.03)` | Crackling Lake | black, 11.8 to 1 |
| 4 | `#a7b7c3` | `oklch(77.16% 0.0246 239.50)` | Overcast Sky | black, 10.2 to 1 |
| 5 | `#98a8b8` | `oklch(72.42% 0.0290 249.01)` | Cool Customer | black, 8.6 to 1 |
| 6 | `#8a97ac` | `oklch(67.36% 0.0337 259.36)` | Norwegian Night | black, 7.1 to 1 |
| 7 | `#7e869f` | `oklch(62.17% 0.0385 270.36)` | Velvet Curtain | black, 5.7 to 1 |
| 8 | `#737591` | `oklch(57.05% 0.0432 281.81)` | Royal Fortune | black, 4.6 to 1 |
| 9 | `#6a6583` | `oklch(52.19% 0.0476 293.51)` | Daemonette Hide | white, 5.5 to 1 |
| 10 | `#645675` | `oklch(47.80% 0.0514 305.27)` | Regal Gown | white, 6.7 to 1 |
| 11 | `#5f4967` | `oklch(44.08% 0.0546 316.90)` | Bon Vivant | white, 7.9 to 1 |
| 12 | `#5c405b` | `oklch(41.22% 0.0569 328.19)` | Dreamy Heaven | white, 9 to 1 |
| 13 | `#5b3a50` | `oklch(39.41% 0.0581 338.98)` | Ruby Violet | white, 9.7 to 1 |
| 14 | `#5b3648` | `oklch(38.51% 0.0581 349.68)` | Italian Plum | white, 10.1 to 1 |
| 15 | `#5c3642` | `oklch(38.32% 0.0571 0.48)` | Zinfandel Red | white, 10.1 to 1 |
| 16 | `#5e383d` | `oklch(38.74% 0.0553 11.39)` | Red Vine | white, 9.9 to 1 |
| 17 | `#603b3a` | `oklch(39.67% 0.0529 22.39)` | Pa Red | white, 9.5 to 1 |
| 18 | `#634038` | `oklch(41.00% 0.0501 33.48)` | American Milking Devon | white, 9 to 1 |
| 19 | `#654739` | `oklch(42.61% 0.0471 44.66)` | Copra | white, 8.3 to 1 |
| 20 | `#674d3c` | `oklch(44.41% 0.0441 55.91)` | Deep Umber | white, 7.7 to 1 |
| 21 | `#695540` | `oklch(46.30% 0.0413 67.24)` | Burley Wood | white, 7 to 1 |
| 22 | `#6a5c45` | `oklch(48.15% 0.0389 78.63)` | Midnight Forest | white, 6.5 to 1 |
| 23 | `#6b624b` | `oklch(49.87% 0.0370 90.08)` | Deer Trail | white, 6 to 1 |
| 24 | `#6b6850` | `oklch(51.35% 0.0360 101.59)` | City Arboretum | white, 5.6 to 1 |
| 25 | `#6a6d55` | `oklch(52.58% 0.0359 113.26)` | Iwai Brown | white, 5.3 to 1 |
| 26 | `#69735c` | `oklch(53.98% 0.0363 125.70)` | Bean Counter | white, 5 to 1 |
| 27 | `#697964` | `oklch(55.59% 0.0371 138.79)` | Nature Lover | white, 4.6 to 1 |
| 28 | `#687f6d` | `oklch(57.32% 0.0384 152.28)` | Ecological | black, 4.8 to 1 |
| 29 | `#678578` | `oklch(59.10% 0.0399 165.95)` | Lorna | black, 5.2 to 1 |
| 30 | `#688b83` | `oklch(60.86% 0.0418 179.54)` | Aspen Hush | black, 5.6 to 1 |
| 31 | `#69908f` | `oklch(62.51% 0.0439 192.82)` | Mineral Blue | black, 6 to 1 |
| 32 | `#6b959a` | `oklch(63.98% 0.0461 205.55)` | Baltic Blue | black, 6.3 to 1 |
| 33 | `#6e98a3` | `oklch(65.20% 0.0485 217.49)` | Flood Tide | black, 6.6 to 1 |
| 34 | `#7299ab` | `oklch(66.10% 0.0510 228.40)` | Palace Intrigue | black, 6.8 to 1 |
| 35 | `#7599b1` | `oklch(66.60% 0.0534 238.03)` | Ocean View | black, 6.9 to 1 |
| 36 | `#7898b5` | `oklch(66.61% 0.0559 246.15)` | Splendid Blue | black, 6.9 to 1 |
| 37 | `#7995b6` | `oklch(66.05% 0.0584 252.60)` | Jay Wing Feathers | black, 6.7 to 1 |
| 38 | `#7790b4` | `oklch(64.85% 0.0614 257.59)` | Allure | black, 6.4 to 1 |
| 39 | `#748ab1` | `oklch(63.13% 0.0646 261.30)` | Windsurf Blue | black, 6 to 1 |
| 40 | `#6e83ad` | `oklch(61.00% 0.0681 263.93)` | Cowgirl Blue | black, 5.5 to 1 |
| 41 | `#687ba7` | `oklch(58.58% 0.0716 265.65)` | Night Thistle | black, 4.9 to 1 |
| 42 | `#6073a1` | `oklch(55.97% 0.0753 266.65)` | Blueberry Patch | white, 4.6 to 1 |
| 43 | `#586b9b` | `oklch(53.29% 0.0788 267.12)` | Moonshade | white, 5.2 to 1 |
| 44 | `#506395` | `oklch(50.67% 0.0822 267.24)` | Breathtaking | white, 5.8 to 1 |
| 45 | `#495c8f` | `oklch(48.20% 0.0853 267.21)` | Blue Dude | white, 6.5 to 1 |
| 46 | `#425689` | `oklch(46.01% 0.0881 267.20)` | True Navy | white, 7.2 to 1 |
| 47 | `#3d5085` | `oklch(44.21% 0.0905 267.39)` | Dive In | white, 7.7 to 1 |
| 48 | `#3a4c82` | `oklch(42.91% 0.0923 267.99)` | Dive In | white, 8.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #cbd8dc 0.0%, #c2d0d6 2.1%, #b5c5cd 4.3%, #a7b7c3 6.4%, #98a8b8 8.5%, #8a97ac 10.6%, #7e869f 12.8%, #737591 14.9%, #6a6583 17.0%, #645675 19.1%, #5f4967 21.3%, #5c405b 23.4%, #5b3a50 25.5%, #5b3648 27.7%, #5c3642 29.8%, #5e383d 31.9%, #603b3a 34.0%, #634038 36.2%, #654739 38.3%, #674d3c 40.4%, #695540 42.6%, #6a5c45 44.7%, #6b624b 46.8%, #6b6850 48.9%, #6a6d55 51.1%, #69735c 53.2%, #697964 55.3%, #687f6d 57.4%, #678578 59.6%, #688b83 61.7%, #69908f 63.8%, #6b959a 66.0%, #6e98a3 68.1%, #7299ab 70.2%, #7599b1 72.3%, #7898b5 74.5%, #7995b6 76.6%, #7790b4 78.7%, #748ab1 80.9%, #6e83ad 83.0%, #687ba7 85.1%, #6073a1 87.2%, #586b9b 89.4%, #506395 91.5%, #495c8f 93.6%, #425689 95.7%, #3d5085 97.9%, #3a4c82 100.0%);
background: linear-gradient(135deg in oklch, oklch(87.40% 0.0152 217.97) 0.0%, oklch(84.85% 0.0175 223.78) 2.1%, oklch(81.37% 0.0207 231.03) 4.3%, oklch(77.16% 0.0246 239.50) 6.4%, oklch(72.42% 0.0290 249.01) 8.5%, oklch(67.36% 0.0337 259.36) 10.6%, oklch(62.17% 0.0385 270.36) 12.8%, oklch(57.05% 0.0432 281.81) 14.9%, oklch(52.19% 0.0476 293.51) 17.0%, oklch(47.80% 0.0514 305.27) 19.1%, oklch(44.08% 0.0546 316.90) 21.3%, oklch(41.22% 0.0569 328.19) 23.4%, oklch(39.41% 0.0581 338.98) 25.5%, oklch(38.51% 0.0581 349.68) 27.7%, oklch(38.32% 0.0571 0.48) 29.8%, oklch(38.74% 0.0553 11.39) 31.9%, oklch(39.67% 0.0529 22.39) 34.0%, oklch(41.00% 0.0501 33.48) 36.2%, oklch(42.61% 0.0471 44.66) 38.3%, oklch(44.41% 0.0441 55.91) 40.4%, oklch(46.30% 0.0413 67.24) 42.6%, oklch(48.15% 0.0389 78.63) 44.7%, oklch(49.87% 0.0370 90.08) 46.8%, oklch(51.35% 0.0360 101.59) 48.9%, oklch(52.58% 0.0359 113.26) 51.1%, oklch(53.98% 0.0363 125.70) 53.2%, oklch(55.59% 0.0371 138.79) 55.3%, oklch(57.32% 0.0384 152.28) 57.4%, oklch(59.10% 0.0399 165.95) 59.6%, oklch(60.86% 0.0418 179.54) 61.7%, oklch(62.51% 0.0439 192.82) 63.8%, oklch(63.98% 0.0461 205.55) 66.0%, oklch(65.20% 0.0485 217.49) 68.1%, oklch(66.10% 0.0510 228.40) 70.2%, oklch(66.60% 0.0534 238.03) 72.3%, oklch(66.61% 0.0559 246.15) 74.5%, oklch(66.05% 0.0584 252.60) 76.6%, oklch(64.85% 0.0614 257.59) 78.7%, oklch(63.13% 0.0646 261.30) 80.9%, oklch(61.00% 0.0681 263.93) 83.0%, oklch(58.58% 0.0716 265.65) 85.1%, oklch(55.97% 0.0753 266.65) 87.2%, oklch(53.29% 0.0788 267.12) 89.4%, oklch(50.67% 0.0822 267.24) 91.5%, oklch(48.20% 0.0853 267.21) 93.6%, oklch(46.01% 0.0881 267.20) 95.7%, oklch(44.21% 0.0905 267.39) 97.9%, oklch(42.91% 0.0923 267.99) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.874 | 0.015 | 218 |
| 2 | 0.398 | 0.058 | 336.3 |
| 3 | 0.52 | 0.036 | 467.4 |
| 4 | 0.665 | 0.056 | 607.9 |
| 5 | 0.429 | 0.092 | 628 |

## Other forms

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