# Soft mauve blue center halo

Muted analogous blue to lavender radial gradient with 40 colors: #376c9f, #446da2, #536fa6, #6372a9, #7476aa, #847aab, #937faa, #9f85a9, #a98ba7, #b091a6, #b596a5, #b699a4, #b69aa3, #b399a0, #ad959c, #a48d95, #98828d, #8a7583, #7a687a, #695b6f, #584e65, #47425c, #373853, #29304a, #1d2a44, #14273f, #10263e, #112841, #162d47, #1f3550, #2b3f5b, #3a4b68, #4a5777, #5c6586, #6e7395, #8081a4, #918eb2, #a19abe, #ada4c8, #b6accf. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Muted analogous blue to lavender radial gradient
- Seed: `kUhEix2gvM6GTs1hEsVg`
- Page: https://grabient.com/kUhEix2gvM6GTs1hEsVg?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: dark center, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 7.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 | `#376c9f` | `oklch(51.97% 0.0992 249.61)` | Star Sapphire | white, 5.4 to 1 |
| 2 | `#446da2` | `oklch(52.98% 0.0960 255.05)` | San Marino | white, 5.2 to 1 |
| 3 | `#536fa6` | `oklch(54.47% 0.0916 262.63)` | Blue Chamber | white, 4.9 to 1 |
| 4 | `#6372a9` | `oklch(56.34% 0.0864 271.91)` | King’s Robe | white, 4.6 to 1 |
| 5 | `#7476aa` | `oklch(58.47% 0.0805 282.42)` | Midnight Violet | black, 4.9 to 1 |
| 6 | `#847aab` | `oklch(60.75% 0.0741 293.74)` | Aster | black, 5.3 to 1 |
| 7 | `#937faa` | `oklch(63.06% 0.0674 305.40)` | Elite Wisteria | black, 5.8 to 1 |
| 8 | `#9f85a9` | `oklch(65.30% 0.0607 316.98)` | Wonder Violet | black, 6.4 to 1 |
| 9 | `#a98ba7` | `oklch(67.35% 0.0542 328.02)` | Aged to Perfection | black, 6.9 to 1 |
| 10 | `#b091a6` | `oklch(69.11% 0.0481 338.07)` | Palisade Orchid | black, 7.4 to 1 |
| 11 | `#b596a5` | `oklch(70.45% 0.0425 346.69)` | Ashberry | black, 7.8 to 1 |
| 12 | `#b699a4` | `oklch(71.26% 0.0378 353.43)` | Keepsake Lilac | black, 8 to 1 |
| 13 | `#b69aa3` | `oklch(71.44% 0.0341 357.86)` | Keepsake Lilac | black, 8.1 to 1 |
| 14 | `#b399a0` | `oklch(70.87% 0.0317 359.51)` | Pink Discord | black, 7.9 to 1 |
| 15 | `#ad959c` | `oklch(69.26% 0.0305 357.98)` | Legendary Lilac | black, 7.5 to 1 |
| 16 | `#a48d95` | `oklch(66.57% 0.0304 353.49)` | Gothic Amethyst | black, 6.7 to 1 |
| 17 | `#98828d` | `oklch(62.99% 0.0312 346.53)` | Quail | black, 5.9 to 1 |
| 18 | `#8a7583` | `oklch(58.75% 0.0327 337.62)` | Plum Legacy | black, 4.9 to 1 |
| 19 | `#7a687a` | `oklch(54.07% 0.0348 327.26)` | Old Lavender | white, 5.1 to 1 |
| 20 | `#695b6f` | `oklch(49.16% 0.0373 315.96)` | Violet Haze | white, 6.3 to 1 |
| 21 | `#584e65` | `oklch(44.22% 0.0401 304.21)` | Illusionist | white, 7.8 to 1 |
| 22 | `#47425c` | `oklch(39.49% 0.0430 292.53)` | Club Grey | white, 9.5 to 1 |
| 23 | `#373853` | `oklch(35.18% 0.0459 281.42)` | Tiě Hēi Metal | white, 11.3 to 1 |
| 24 | `#29304a` | `oklch(31.49% 0.0485 271.39)` | Ahoy | white, 13 to 1 |
| 25 | `#1d2a44` | `oklch(28.65% 0.0508 262.93)` | Eternal Darkness | white, 14.3 to 1 |
| 26 | `#14273f` | `oklch(26.88% 0.0526 256.56)` | Eternal Darkness | white, 15.1 to 1 |
| 27 | `#10263e` | `oklch(26.38% 0.0537 252.78)` | Cool Balaclavas Are Forever | white, 15.3 to 1 |
| 28 | `#112841` | `oklch(27.26% 0.0543 251.46)` | Eternal Darkness | white, 14.9 to 1 |
| 29 | `#162d47` | `oklch(29.37% 0.0547 251.96)` | Crow Black Blue | white, 13.9 to 1 |
| 30 | `#1f3550` | `oklch(32.49% 0.0547 254.00)` | Blue Lobelia | white, 12.4 to 1 |
| 31 | `#2b3f5b` | `oklch(36.43% 0.0546 257.31)` | Academic Blue | white, 10.6 to 1 |
| 32 | `#3a4b68` | `oklch(41.00% 0.0544 261.62)` | Sargasso Sea | white, 8.8 to 1 |
| 33 | `#4a5777` | `oklch(46.00% 0.0540 266.65)` | Steadfast | white, 7.1 to 1 |
| 34 | `#5c6586` | `oklch(51.23% 0.0535 272.14)` | Enduring | white, 5.7 to 1 |
| 35 | `#6e7395` | `oklch(56.49% 0.0530 277.80)` | Silk Crepe Mauve | white, 4.6 to 1 |
| 36 | `#8081a4` | `oklch(61.58% 0.0524 283.38)` | Romanesque | black, 5.6 to 1 |
| 37 | `#918eb2` | `oklch(66.32% 0.0519 288.58)` | Fresh Lavender | black, 6.7 to 1 |
| 38 | `#a19abe` | `oklch(70.49% 0.0515 293.15)` | Grape Gatsby | black, 7.9 to 1 |
| 39 | `#ada4c8` | `oklch(73.91% 0.0512 296.81)` | Forever Lilac | black, 8.9 to 1 |
| 40 | `#b6accf` | `oklch(76.38% 0.0510 299.28)` | Lavender Dream | black, 9.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #376c9f 0.0%, #446da2 2.6%, #536fa6 5.1%, #6372a9 7.7%, #7476aa 10.3%, #847aab 12.8%, #937faa 15.4%, #9f85a9 17.9%, #a98ba7 20.5%, #b091a6 23.1%, #b596a5 25.6%, #b699a4 28.2%, #b69aa3 30.8%, #b399a0 33.3%, #ad959c 35.9%, #a48d95 38.5%, #98828d 41.0%, #8a7583 43.6%, #7a687a 46.2%, #695b6f 48.7%, #584e65 51.3%, #47425c 53.8%, #373853 56.4%, #29304a 59.0%, #1d2a44 61.5%, #14273f 64.1%, #10263e 66.7%, #112841 69.2%, #162d47 71.8%, #1f3550 74.4%, #2b3f5b 76.9%, #3a4b68 79.5%, #4a5777 82.1%, #5c6586 84.6%, #6e7395 87.2%, #8081a4 89.7%, #918eb2 92.3%, #a19abe 94.9%, #ada4c8 97.4%, #b6accf 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(51.97% 0.0992 249.61) 0.0%, oklch(52.98% 0.0960 255.05) 2.6%, oklch(54.47% 0.0916 262.63) 5.1%, oklch(56.34% 0.0864 271.91) 7.7%, oklch(58.47% 0.0805 282.42) 10.3%, oklch(60.75% 0.0741 293.74) 12.8%, oklch(63.06% 0.0674 305.40) 15.4%, oklch(65.30% 0.0607 316.98) 17.9%, oklch(67.35% 0.0542 328.02) 20.5%, oklch(69.11% 0.0481 338.07) 23.1%, oklch(70.45% 0.0425 346.69) 25.6%, oklch(71.26% 0.0378 353.43) 28.2%, oklch(71.44% 0.0341 357.86) 30.8%, oklch(70.87% 0.0317 359.51) 33.3%, oklch(69.26% 0.0305 357.98) 35.9%, oklch(66.57% 0.0304 353.49) 38.5%, oklch(62.99% 0.0312 346.53) 41.0%, oklch(58.75% 0.0327 337.62) 43.6%, oklch(54.07% 0.0348 327.26) 46.2%, oklch(49.16% 0.0373 315.96) 48.7%, oklch(44.22% 0.0401 304.21) 51.3%, oklch(39.49% 0.0430 292.53) 53.8%, oklch(35.18% 0.0459 281.42) 56.4%, oklch(31.49% 0.0485 271.39) 59.0%, oklch(28.65% 0.0508 262.93) 61.5%, oklch(26.88% 0.0526 256.56) 64.1%, oklch(26.38% 0.0537 252.78) 66.7%, oklch(27.26% 0.0543 251.46) 69.2%, oklch(29.37% 0.0547 251.96) 71.8%, oklch(32.49% 0.0547 254.00) 74.4%, oklch(36.43% 0.0546 257.31) 76.9%, oklch(41.00% 0.0544 261.62) 79.5%, oklch(46.00% 0.0540 266.65) 82.1%, oklch(51.23% 0.0535 272.14) 84.6%, oklch(56.49% 0.0530 277.80) 87.2%, oklch(61.58% 0.0524 283.38) 89.7%, oklch(66.32% 0.0519 288.58) 92.3%, oklch(70.49% 0.0515 293.15) 94.9%, oklch(73.91% 0.0512 296.81) 97.4%, oklch(76.38% 0.0510 299.28) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.52 | 0.099 | 249.6 |
| 2 | 0.709 | 0.032 | 359.5 |
| 3 | 0.264 | 0.054 | 252.8 |
| 4 | 0.764 | 0.051 | 299.3 |

## In these collections

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

## Other forms

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