# Dark gray, gray, navy and purple linear gradient

Dark gray, gray, navy and purple linear gradient with 48 colors: #262e35, #2d353d, #383e48, #454a55, #555864, #666875, #797886, #8c8897, #9e98a7, #b0a6b5, #bfb3c2, #ccbccc, #d5c2d2, #dbc6d6, #e0c7d7, #e3c6d7, #e5c4d5, #e5c0d1, #e4bbcc, #e1b6c7, #ddafc1, #d8a8bb, #d1a1b5, #c999b0, #c092ac, #b289a7, #9f7fa0, #8a7597, #74698b, #5f5e7c, #4b536d, #3a485d, #2d3f4e, #233742, #1c313a, #182e36, #162e36, #17303b, #1a3643, #203d4f, #2b455e, #384e6e, #49567f, #5c5f8e, #6f669b, #816da5, #9072ac, #9b75b1. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWSw2w6YrJlwXwekC7FTyNKg`
- Page: https://grabient.com/kWSw2w6YrJlwXwekC7FTyNKg?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: light center, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 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 | `#262e35` | `oklch(29.53% 0.0179 248.20)` | Deep Space Echo | white, 13.8 to 1 |
| 2 | `#2d353d` | `oklch(32.39% 0.0184 252.44)` | Blue Plaza | white, 12.4 to 1 |
| 3 | `#383e48` | `oklch(36.28% 0.0188 258.06)` | Inkblot | white, 10.7 to 1 |
| 4 | `#454a55` | `oklch(40.97% 0.0193 264.78)` | Sea Mariner | white, 8.8 to 1 |
| 5 | `#555864` | `oklch(46.24% 0.0199 272.34)` | Blackwater | white, 7 to 1 |
| 6 | `#666875` | `oklch(51.89% 0.0205 280.47)` | Alley Cat | white, 5.5 to 1 |
| 7 | `#797886` | `oklch(57.69% 0.0213 288.89)` | Infamous | black, 4.8 to 1 |
| 8 | `#8c8897` | `oklch(63.42% 0.0222 297.34)` | Purple Ragwort | black, 6 to 1 |
| 9 | `#9e98a7` | `oklch(68.87% 0.0232 305.55)` | Lavender Aura | black, 7.4 to 1 |
| 10 | `#b0a6b5` | `oklch(73.82% 0.0244 313.25)` | Plum Frost | black, 8.9 to 1 |
| 11 | `#bfb3c2` | `oklch(78.05% 0.0259 320.16)` | Perplexed | black, 10.4 to 1 |
| 12 | `#ccbccc` | `oklch(81.35% 0.0275 326.03)` | Last of the Lilacs | black, 11.6 to 1 |
| 13 | `#d5c2d2` | `oklch(83.51% 0.0295 330.62)` | Chinaberry Bloom | black, 12.5 to 1 |
| 14 | `#dbc6d6` | `oklch(84.84% 0.0320 334.82)` | Sleepy Kisses | black, 13 to 1 |
| 15 | `#e0c7d7` | `oklch(85.55% 0.0353 338.93)` | Marvellous Magic | black, 13.3 to 1 |
| 16 | `#e3c6d7` | `oklch(85.70% 0.0390 342.80)` | Pretty Pale | black, 13.3 to 1 |
| 17 | `#e5c4d5` | `oklch(85.35% 0.0429 346.31)` | Favourite Lady | black, 13.1 to 1 |
| 18 | `#e5c0d1` | `oklch(84.56% 0.0471 349.30)` | Childlike | black, 12.8 to 1 |
| 19 | `#e4bbcc` | `oklch(83.37% 0.0511 351.63)` | Pink Mist | black, 12.3 to 1 |
| 20 | `#e1b6c7` | `oklch(81.86% 0.0549 353.17)` | Japanese Rose Garden | black, 11.6 to 1 |
| 21 | `#ddafc1` | `oklch(80.06% 0.0584 353.77)` | Roseate Spoonbill | black, 10.9 to 1 |
| 22 | `#d8a8bb` | `oklch(78.05% 0.0612 353.30)` | Pink Nectar | black, 10.2 to 1 |
| 23 | `#d1a1b5` | `oklch(75.88% 0.0634 351.61)` | Raspberry Smoothie | black, 9.4 to 1 |
| 24 | `#c999b0` | `oklch(73.60% 0.0646 348.56)` | Lady’s Cushions Pink | black, 8.7 to 1 |
| 25 | `#c092ac` | `oklch(71.15% 0.0646 343.78)` | Blooming Lilac | black, 7.9 to 1 |
| 26 | `#b289a7` | `oklch(67.88% 0.0632 336.01)` | Voila! | black, 7 to 1 |
| 27 | `#9f7fa0` | `oklch(63.88% 0.0605 325.64)` | Wild Lavender | black, 6 to 1 |
| 28 | `#8a7597` | `oklch(59.34% 0.0569 313.32)` | Black Diamond Apple | black, 5 to 1 |
| 29 | `#74698b` | `oklch(54.47% 0.0527 299.72)` | Bureaucracy | white, 5 to 1 |
| 30 | `#5f5e7c` | `oklch(49.47% 0.0481 285.47)` | Strong Iris | white, 6.2 to 1 |
| 31 | `#4b536d` | `oklch(44.57% 0.0436 271.25)` | Harbourmaster | white, 7.6 to 1 |
| 32 | `#3a485d` | `oklch(39.95% 0.0393 257.70)` | Anthracite Blue | white, 9.2 to 1 |
| 33 | `#2d3f4e` | `oklch(35.83% 0.0357 245.48)` | Deepsea Core | white, 10.8 to 1 |
| 34 | `#233742` | `oklch(32.41% 0.0329 235.24)` | Petrol Slumber | white, 12.4 to 1 |
| 35 | `#1c313a` | `oklch(29.90% 0.0314 227.64)` | Elderberry Black | white, 13.5 to 1 |
| 36 | `#182e36` | `oklch(28.50% 0.0314 223.33)` | Oceanic Noir | white, 14.2 to 1 |
| 37 | `#162e36` | `oklch(28.39% 0.0332 222.78)` | Oceanic Noir | white, 14.2 to 1 |
| 38 | `#17303b` | `oklch(29.50% 0.0367 225.55)` | Tangaroa | white, 13.7 to 1 |
| 39 | `#1a3643` | `oklch(31.63% 0.0415 231.09)` | Into the Night | white, 12.7 to 1 |
| 40 | `#203d4f` | `oklch(34.56% 0.0474 238.83)` | Subterranean River | white, 11.4 to 1 |
| 41 | `#2b455e` | `oklch(38.09% 0.0540 248.21)` | Indigo Streamer | white, 9.9 to 1 |
| 42 | `#384e6e` | `oklch(42.01% 0.0611 258.67)` | Airforce | white, 8.4 to 1 |
| 43 | `#49567f` | `oklch(46.12% 0.0684 269.65)` | Yacht Club Blue | white, 7.1 to 1 |
| 44 | `#5c5f8e` | `oklch(50.21% 0.0755 280.58)` | Colossus | white, 6 to 1 |
| 45 | `#6f669b` | `oklch(54.06% 0.0821 290.91)` | Pandora | white, 5.1 to 1 |
| 46 | `#816da5` | `oklch(57.49% 0.0881 300.07)` | Plum Preserve | black, 4.6 to 1 |
| 47 | `#9072ac` | `oklch(60.27% 0.0929 307.51)` | Ce Soir | black, 5.1 to 1 |
| 48 | `#9b75b1` | `oklch(62.20% 0.0965 312.66)` | Purple Pride | black, 5.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #262e35 0.0%, #2d353d 2.1%, #383e48 4.3%, #454a55 6.4%, #555864 8.5%, #666875 10.6%, #797886 12.8%, #8c8897 14.9%, #9e98a7 17.0%, #b0a6b5 19.1%, #bfb3c2 21.3%, #ccbccc 23.4%, #d5c2d2 25.5%, #dbc6d6 27.7%, #e0c7d7 29.8%, #e3c6d7 31.9%, #e5c4d5 34.0%, #e5c0d1 36.2%, #e4bbcc 38.3%, #e1b6c7 40.4%, #ddafc1 42.6%, #d8a8bb 44.7%, #d1a1b5 46.8%, #c999b0 48.9%, #c092ac 51.1%, #b289a7 53.2%, #9f7fa0 55.3%, #8a7597 57.4%, #74698b 59.6%, #5f5e7c 61.7%, #4b536d 63.8%, #3a485d 66.0%, #2d3f4e 68.1%, #233742 70.2%, #1c313a 72.3%, #182e36 74.5%, #162e36 76.6%, #17303b 78.7%, #1a3643 80.9%, #203d4f 83.0%, #2b455e 85.1%, #384e6e 87.2%, #49567f 89.4%, #5c5f8e 91.5%, #6f669b 93.6%, #816da5 95.7%, #9072ac 97.9%, #9b75b1 100.0%);
background: linear-gradient(135deg in oklch, oklch(29.53% 0.0179 248.20) 0.0%, oklch(32.39% 0.0184 252.44) 2.1%, oklch(36.28% 0.0188 258.06) 4.3%, oklch(40.97% 0.0193 264.78) 6.4%, oklch(46.24% 0.0199 272.34) 8.5%, oklch(51.89% 0.0205 280.47) 10.6%, oklch(57.69% 0.0213 288.89) 12.8%, oklch(63.42% 0.0222 297.34) 14.9%, oklch(68.87% 0.0232 305.55) 17.0%, oklch(73.82% 0.0244 313.25) 19.1%, oklch(78.05% 0.0259 320.16) 21.3%, oklch(81.35% 0.0275 326.03) 23.4%, oklch(83.51% 0.0295 330.62) 25.5%, oklch(84.84% 0.0320 334.82) 27.7%, oklch(85.55% 0.0353 338.93) 29.8%, oklch(85.70% 0.0390 342.80) 31.9%, oklch(85.35% 0.0429 346.31) 34.0%, oklch(84.56% 0.0471 349.30) 36.2%, oklch(83.37% 0.0511 351.63) 38.3%, oklch(81.86% 0.0549 353.17) 40.4%, oklch(80.06% 0.0584 353.77) 42.6%, oklch(78.05% 0.0612 353.30) 44.7%, oklch(75.88% 0.0634 351.61) 46.8%, oklch(73.60% 0.0646 348.56) 48.9%, oklch(71.15% 0.0646 343.78) 51.1%, oklch(67.88% 0.0632 336.01) 53.2%, oklch(63.88% 0.0605 325.64) 55.3%, oklch(59.34% 0.0569 313.32) 57.4%, oklch(54.47% 0.0527 299.72) 59.6%, oklch(49.47% 0.0481 285.47) 61.7%, oklch(44.57% 0.0436 271.25) 63.8%, oklch(39.95% 0.0393 257.70) 66.0%, oklch(35.83% 0.0357 245.48) 68.1%, oklch(32.41% 0.0329 235.24) 70.2%, oklch(29.90% 0.0314 227.64) 72.3%, oklch(28.50% 0.0314 223.33) 74.5%, oklch(28.39% 0.0332 222.78) 76.6%, oklch(29.50% 0.0367 225.55) 78.7%, oklch(31.63% 0.0415 231.09) 80.9%, oklch(34.56% 0.0474 238.83) 83.0%, oklch(38.09% 0.0540 248.21) 85.1%, oklch(42.01% 0.0611 258.67) 87.2%, oklch(46.12% 0.0684 269.65) 89.4%, oklch(50.21% 0.0755 280.58) 91.5%, oklch(54.06% 0.0821 290.91) 93.6%, oklch(57.49% 0.0881 300.07) 95.7%, oklch(60.27% 0.0929 307.51) 97.9%, oklch(62.20% 0.0965 312.66) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.295 | 0.018 | 248.2 |
| 2 | 0.831 | 0.029 | 329.6 |
| 3 | 0.724 | 0.065 | 346.5 |
| 4 | 0.283 | 0.032 | 222.8 |
| 5 | 0.622 | 0.096 | 312.7 |

## Other forms

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