# Dusty blue mauve glow

Navy, gray, mauve and light blue radial gradient with 13 colors: #263b4c, #3a3f53, #4f4759, #675164, #7f5d6e, #936b7a, #a47989, #ad8895, #b096a4, #aba3b8, #a3b0c3, #93bbd5, #7cc4e3. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Navy, gray, mauve and light blue radial gradient
- Seed: `kaVx2uNIvHMISRPPFUC2Q2-t-LtdjnrxA`
- Page: https://grabient.com/kaVx2uNIvHMISRPPFUC2Q2-t-LtdjnrxA?style=radialGradient&steps=13
- Drawn as: radial gradient, 13 steps, 90 degrees
- Kinds: dark to light, muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5.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 | `#263b4c` | `oklch(34.25% 0.0400 244.69)` | Harpoon | white, 11.5 to 1 |
| 2 | `#3a3f53` | `oklch(37.13% 0.0347 272.69)` | Mood Indigo | white, 10.4 to 1 |
| 3 | `#4f4759` | `oklch(41.34% 0.0317 305.98)` | House Stark Grey | white, 8.8 to 1 |
| 4 | `#675164` | `oklch(46.46% 0.0396 330.55)` | Purple Trinket | white, 7.1 to 1 |
| 5 | `#7f5d6e` | `oklch(51.97% 0.0496 348.25)` | Chicha Morada | white, 5.6 to 1 |
| 6 | `#936b7a` | `oklch(57.26% 0.0562 354.72)` | Full Glass | black, 4.6 to 1 |
| 7 | `#a47989` | `oklch(62.20% 0.0579 354.59)` | Dusky Orchid | black, 5.6 to 1 |
| 8 | `#ad8895` | `oklch(66.46% 0.0484 355.05)` | Reserve | black, 6.7 to 1 |
| 9 | `#b096a4` | `oklch(70.08% 0.0372 344.02)` | Ashberry | black, 7.7 to 1 |
| 10 | `#aba3b8` | `oklch(72.93% 0.0299 302.48)` | Decanter | black, 8.6 to 1 |
| 11 | `#a3b0c3` | `oklch(75.20% 0.0317 258.43)` | Innuendo | black, 9.5 to 1 |
| 12 | `#93bbd5` | `oklch(77.09% 0.0575 237.75)` | Blue Pointer | black, 10.2 to 1 |
| 13 | `#7cc4e3` | `oklch(78.35% 0.0841 227.78)` | Undercool | black, 10.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #263b4c 0.0%, #3a3f53 8.3%, #4f4759 16.7%, #675164 25.0%, #7f5d6e 33.3%, #936b7a 41.7%, #a47989 50.0%, #ad8895 58.3%, #b096a4 66.7%, #aba3b8 75.0%, #a3b0c3 83.3%, #93bbd5 91.7%, #7cc4e3 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(34.25% 0.0400 244.69) 0.0%, oklch(37.13% 0.0347 272.69) 8.3%, oklch(41.34% 0.0317 305.98) 16.7%, oklch(46.46% 0.0396 330.55) 25.0%, oklch(51.97% 0.0496 348.25) 33.3%, oklch(57.26% 0.0562 354.72) 41.7%, oklch(62.20% 0.0579 354.59) 50.0%, oklch(66.46% 0.0484 355.05) 58.3%, oklch(70.08% 0.0372 344.02) 66.7%, oklch(72.93% 0.0299 302.48) 75.0%, oklch(75.20% 0.0317 258.43) 83.3%, oklch(77.09% 0.0575 237.75) 91.7%, oklch(78.35% 0.0841 227.78) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.343 | 0.04 | 244.7 |
| 2 | 0.413 | 0.032 | 306 |
| 3 | 0.52 | 0.05 | 348.2 |
| 4 | 0.622 | 0.058 | 354.6 |
| 5 | 0.701 | 0.037 | 344 |
| 6 | 0.752 | 0.032 | 258.4 |
| 7 | 0.783 | 0.084 | 227.8 |

## In these collections

- [Blue and mauve gradients](https://grabient.com/blue-and-mauve-gradients)

## Other forms

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