# Gray, lavender and black radial gradient

Gray, lavender and black radial gradient with 48 colors: #5d7487, #617688, #657889, #6a7c8a, #6f7f8c, #76838d, #7c878f, #838b91, #898f94, #8e9397, #93979b, #979b9f, #9a9fa4, #9ca3ab, #9ea8b4, #a1acbf, #a5b0cb, #aab4d7, #b2b6e2, #bab6ea, #c4b6f0, #ceb4f3, #d6b1f1, #dcadec, #dfa8e3, #dea3d6, #db9cc6, #d396b4, #c990a3, #bc8994, #ac8386, #9c7c7b, #8c7471, #7d6d69, #6f6562, #645d5b, #5a5554, #514c4b, #484342, #3f3939, #383030, #302628, #291d21, #21151b, #1a0e17, #140813, #0f0410, #0b020d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWix2uWIM_-akyO8g0jjwy24`
- Page: https://grabient.com/kWix2uWIM_-akyO8g0jjwy24?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: light center, neutral
- Hues: wide
- Contrast of its darkest and lightest colors: 11.1 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 | `#5d7487` | `oklch(54.72% 0.0400 244.69)` | Lost Atlantis | white, 4.8 to 1 |
| 2 | `#617688` | `oklch(55.48% 0.0380 244.44)` | Space Convoy | white, 4.7 to 1 |
| 3 | `#657889` | `oklch(56.44% 0.0349 243.77)` | Space Convoy | black, 4.6 to 1 |
| 4 | `#6a7c8a` | `oklch(57.58% 0.0311 242.84)` | Lynch | black, 4.8 to 1 |
| 5 | `#6f7f8c` | `oklch(58.86% 0.0268 241.78)` | Slate Expectations | black, 5.1 to 1 |
| 6 | `#76838d` | `oklch(60.24% 0.0222 240.73)` | Battle Blue | black, 5.3 to 1 |
| 7 | `#7c878f` | `oklch(61.70% 0.0178 239.83)` | Deep Channel | black, 5.7 to 1 |
| 8 | `#838b91` | `oklch(63.19% 0.0137 239.23)` | Necron Compound | black, 6 to 1 |
| 9 | `#898f94` | `oklch(64.68% 0.0103 239.06)` | Bali Deep | black, 6.4 to 1 |
| 10 | `#8e9397` | `oklch(66.14% 0.0078 239.46)` | Flint Shard | black, 6.7 to 1 |
| 11 | `#93979b` | `oklch(67.53% 0.0066 240.58)` | Wolverine | black, 7.1 to 1 |
| 12 | `#979b9f` | `oklch(68.81% 0.0069 242.56)` | Harrison Grey | black, 7.5 to 1 |
| 13 | `#9a9fa4` | `oklch(69.97% 0.0090 245.53)` | Aegean Splendour | black, 7.8 to 1 |
| 14 | `#9ca3ab` | `oklch(71.25% 0.0138 249.55)` | Rough Stone | black, 8.2 to 1 |
| 15 | `#9ea8b4` | `oklch(72.70% 0.0209 254.50)` | Acier Tint | black, 8.6 to 1 |
| 16 | `#a1acbf` | `oklch(74.24% 0.0299 260.23)` | Lilac Time | black, 9.1 to 1 |
| 17 | `#a5b0cb` | `oklch(75.80% 0.0402 266.60)` | Lovely Lilac | black, 9.6 to 1 |
| 18 | `#aab4d7` | `oklch(77.31% 0.0512 273.48)` | Lilac Sachet | black, 10.1 to 1 |
| 19 | `#b2b6e2` | `oklch(78.70% 0.0624 280.73)` | Beloved | black, 10.6 to 1 |
| 20 | `#bab6ea` | `oklch(79.88% 0.0731 288.19)` | Purple Sand | black, 11 to 1 |
| 21 | `#c4b6f0` | `oklch(80.79% 0.0828 295.74)` | Purple Sand | black, 11.2 to 1 |
| 22 | `#ceb4f3` | `oklch(81.34% 0.0909 303.23)` | Violet Heaven | black, 11.4 to 1 |
| 23 | `#d6b1f1` | `oklch(81.47% 0.0969 310.52)` | Light Violet | black, 11.4 to 1 |
| 24 | `#dcadec` | `oklch(81.10% 0.1002 317.47)` | Petal Plush | black, 11.2 to 1 |
| 25 | `#dfa8e3` | `oklch(80.16% 0.1002 324.14)` | Barely Bloomed | black, 10.8 to 1 |
| 26 | `#dea3d6` | `oklch(78.65% 0.0969 331.57)` | Exotic Violet | black, 10.2 to 1 |
| 27 | `#db9cc6` | `oklch(76.63% 0.0910 339.67)` | Rose Garden | black, 9.5 to 1 |
| 28 | `#d396b4` | `oklch(74.18% 0.0830 348.18)` | Exotic Lilac | black, 8.8 to 1 |
| 29 | `#c990a3` | `oklch(71.38% 0.0733 356.80)` | Beetroot Rice | black, 7.9 to 1 |
| 30 | `#bc8994` | `oklch(68.31% 0.0627 5.26)` | Rosenkavalier | black, 7.1 to 1 |
| 31 | `#ac8386` | `oklch(65.04% 0.0516 13.27)` | Jupiter Brown | black, 6.3 to 1 |
| 32 | `#9c7c7b` | `oklch(61.64% 0.0406 20.55)` | Neapolitan | black, 5.5 to 1 |
| 33 | `#8c7471` | `oklch(58.20% 0.0303 26.83)` | Bitter Briar | black, 4.8 to 1 |
| 34 | `#7d6d69` | `oklch(54.80% 0.0213 31.81)` | Hickory Cliff | white, 4.9 to 1 |
| 35 | `#6f6562` | `oklch(51.50% 0.0140 35.23)` | Folkstone | white, 5.6 to 1 |
| 36 | `#645d5b` | `oklch(48.38% 0.0091 36.79)` | Solid Empire | white, 6.4 to 1 |
| 37 | `#5a5554` | `oklch(45.36% 0.0067 36.11)` | Catskill Brown | white, 7.3 to 1 |
| 38 | `#514c4b` | `oklch(42.11% 0.0060 33.02)` | Charadon Granite | white, 8.4 to 1 |
| 39 | `#484342` | `oklch(38.69% 0.0068 27.90)` | Evening Canyon | white, 9.7 to 1 |
| 40 | `#3f3939` | `oklch(35.17% 0.0088 21.20)` | Eclipse | white, 11.2 to 1 |
| 41 | `#383030` | `oklch(31.61% 0.0116 13.31)` | Smoked Black Coffee | white, 12.9 to 1 |
| 42 | `#302628` | `oklch(28.09% 0.0151 4.68)` | Smoky Charcoal | white, 14.6 to 1 |
| 43 | `#291d21` | `oklch(24.68% 0.0190 355.72)` | Ink Black | white, 16.2 to 1 |
| 44 | `#21151b` | `oklch(21.46% 0.0229 346.86)` | Bats Cloak | white, 17.6 to 1 |
| 45 | `#1a0e17` | `oklch(18.49% 0.0267 338.51)` | Shot in the Dark | white, 18.7 to 1 |
| 46 | `#140813` | `oklch(15.84% 0.0301 331.09)` | Noir Fiction | white, 19.5 to 1 |
| 47 | `#0f0410` | `oklch(13.59% 0.0328 325.04)` | Not Tonight | white, 20 to 1 |
| 48 | `#0b020d` | `oklch(11.81% 0.0344 320.77)` | Broken Tube | white, 20.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #5d7487 0.0%, #617688 2.1%, #657889 4.3%, #6a7c8a 6.4%, #6f7f8c 8.5%, #76838d 10.6%, #7c878f 12.8%, #838b91 14.9%, #898f94 17.0%, #8e9397 19.1%, #93979b 21.3%, #979b9f 23.4%, #9a9fa4 25.5%, #9ca3ab 27.7%, #9ea8b4 29.8%, #a1acbf 31.9%, #a5b0cb 34.0%, #aab4d7 36.2%, #b2b6e2 38.3%, #bab6ea 40.4%, #c4b6f0 42.6%, #ceb4f3 44.7%, #d6b1f1 46.8%, #dcadec 48.9%, #dfa8e3 51.1%, #dea3d6 53.2%, #db9cc6 55.3%, #d396b4 57.4%, #c990a3 59.6%, #bc8994 61.7%, #ac8386 63.8%, #9c7c7b 66.0%, #8c7471 68.1%, #7d6d69 70.2%, #6f6562 72.3%, #645d5b 74.5%, #5a5554 76.6%, #514c4b 78.7%, #484342 80.9%, #3f3939 83.0%, #383030 85.1%, #302628 87.2%, #291d21 89.4%, #21151b 91.5%, #1a0e17 93.6%, #140813 95.7%, #0f0410 97.9%, #0b020d 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(54.72% 0.0400 244.69) 0.0%, oklch(55.48% 0.0380 244.44) 2.1%, oklch(56.44% 0.0349 243.77) 4.3%, oklch(57.58% 0.0311 242.84) 6.4%, oklch(58.86% 0.0268 241.78) 8.5%, oklch(60.24% 0.0222 240.73) 10.6%, oklch(61.70% 0.0178 239.83) 12.8%, oklch(63.19% 0.0137 239.23) 14.9%, oklch(64.68% 0.0103 239.06) 17.0%, oklch(66.14% 0.0078 239.46) 19.1%, oklch(67.53% 0.0066 240.58) 21.3%, oklch(68.81% 0.0069 242.56) 23.4%, oklch(69.97% 0.0090 245.53) 25.5%, oklch(71.25% 0.0138 249.55) 27.7%, oklch(72.70% 0.0209 254.50) 29.8%, oklch(74.24% 0.0299 260.23) 31.9%, oklch(75.80% 0.0402 266.60) 34.0%, oklch(77.31% 0.0512 273.48) 36.2%, oklch(78.70% 0.0624 280.73) 38.3%, oklch(79.88% 0.0731 288.19) 40.4%, oklch(80.79% 0.0828 295.74) 42.6%, oklch(81.34% 0.0909 303.23) 44.7%, oklch(81.47% 0.0969 310.52) 46.8%, oklch(81.10% 0.1002 317.47) 48.9%, oklch(80.16% 0.1002 324.14) 51.1%, oklch(78.65% 0.0969 331.57) 53.2%, oklch(76.63% 0.0910 339.67) 55.3%, oklch(74.18% 0.0830 348.18) 57.4%, oklch(71.38% 0.0733 356.80) 59.6%, oklch(68.31% 0.0627 5.26) 61.7%, oklch(65.04% 0.0516 13.27) 63.8%, oklch(61.64% 0.0406 20.55) 66.0%, oklch(58.20% 0.0303 26.83) 68.1%, oklch(54.80% 0.0213 31.81) 70.2%, oklch(51.50% 0.0140 35.23) 72.3%, oklch(48.38% 0.0091 36.79) 74.5%, oklch(45.36% 0.0067 36.11) 76.6%, oklch(42.11% 0.0060 33.02) 78.7%, oklch(38.69% 0.0068 27.90) 80.9%, oklch(35.17% 0.0088 21.20) 83.0%, oklch(31.61% 0.0116 13.31) 85.1%, oklch(28.09% 0.0151 4.68) 87.2%, oklch(24.68% 0.0190 355.72) 89.4%, oklch(21.46% 0.0229 346.86) 91.5%, oklch(18.49% 0.0267 338.51) 93.6%, oklch(15.84% 0.0301 331.09) 95.7%, oklch(13.59% 0.0328 325.04) 97.9%, oklch(11.81% 0.0344 320.77) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.547 | 0.04 | 244.7 |
| 2 | 0.697 | 0.008 | 244.7 |
| 3 | 0.807 | 0.101 | 320.8 |
| 4 | 0.476 | 0.008 | 396.9 |
| 5 | 0.118 | 0.034 | 320.8 |

## In these collections

- [Extra celestial](https://grabient.com/extra-celestial)

## Other forms

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