# Violet magenta oil halo

Gray, purple and blue radial gradient with 32 colors: #40454f, #424753, #444a5a, #474d61, #4a5069, #4f5372, #54567a, #5a5982, #605b89, #675d91, #705e99, #795fa0, #8360a6, #8d60aa, #9660ac, #9e5fac, #a45ea8, #a95c9e, #ac5a91, #ac5884, #aa5777, #a6576f, #a1586c, #9c596f, #965b79, #8d6087, #7f6795, #6d6f9c, #5c779b, #527d93, #50818a, #548282. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray, purple and blue radial gradient
- Seed: `kWYw28PppCsqwxBFoUQSRKsw`
- Page: https://grabient.com/kWYw28PppCsqwxBFoUQSRKsw?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 2.2 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 | `#40454f` | `oklch(38.98% 0.0179 264.37)` | Dark Crypt | white, 9.6 to 1 |
| 2 | `#424753` | `oklch(39.80% 0.0222 266.15)` | Midnight Sky | white, 9.2 to 1 |
| 3 | `#444a5a` | `oklch(40.91% 0.0278 268.44)` | Pit Stop | white, 8.8 to 1 |
| 4 | `#474d61` | `oklch(42.23% 0.0344 271.15)` | Midnight Iris | white, 8.4 to 1 |
| 5 | `#4a5069` | `oklch(43.69% 0.0419 274.22)` | Elegant Navy | white, 7.9 to 1 |
| 6 | `#4f5372` | `oklch(45.22% 0.0498 277.57)` | Deep Orchid | white, 7.4 to 1 |
| 7 | `#54567a` | `oklch(46.75% 0.0579 281.13)` | Deep Orchid | white, 6.9 to 1 |
| 8 | `#5a5982` | `oklch(48.21% 0.0659 284.82)` | Aurora Splendour | white, 6.5 to 1 |
| 9 | `#605b89` | `oklch(49.54% 0.0736 288.57)` | Purple Balloon | white, 6.2 to 1 |
| 10 | `#675d91` | `oklch(50.93% 0.0823 292.59)` | Colossus | white, 5.9 to 1 |
| 11 | `#705e99` | `oklch(52.41% 0.0922 296.90)` | Just a Fairytale | white, 5.6 to 1 |
| 12 | `#795fa0` | `oklch(53.91% 0.1024 301.43)` | Jubilee | white, 5.2 to 1 |
| 13 | `#8360a6` | `oklch(55.35% 0.1123 306.10)` | Chive Blossom | white, 5 to 1 |
| 14 | `#8d60aa` | `oklch(56.63% 0.1211 310.84)` | Empire Violet | white, 4.7 to 1 |
| 15 | `#9660ac` | `oklch(57.69% 0.1281 315.57)` | Empire Violet | white, 4.6 to 1 |
| 16 | `#9e5fac` | `oklch(58.43% 0.1326 320.22)` | Heath Spotted Orchid | black, 4.6 to 1 |
| 17 | `#a45ea8` | `oklch(58.77% 0.1339 325.13)` | Heath Spotted Orchid | black, 4.7 to 1 |
| 18 | `#a95c9e` | `oklch(58.64% 0.1319 332.21)` | Radiant Orchid | black, 4.6 to 1 |
| 19 | `#ac5a91` | `oklch(58.15% 0.1275 340.67)` | Meadow Mauve | black, 4.6 to 1 |
| 20 | `#ac5884` | `oklch(57.42% 0.1213 349.24)` | Guppy Violet | white, 4.6 to 1 |
| 21 | `#aa5777` | `oklch(56.59% 0.1140 356.64)` | Malaga | white, 4.8 to 1 |
| 22 | `#a6576f` | `oklch(55.78% 0.1063 1.61)` | Cranbrook | white, 4.9 to 1 |
| 23 | `#a1586c` | `oklch(55.13% 0.0988 2.89)` | Beef Jerky | white, 5 to 1 |
| 24 | `#9c596f` | `oklch(54.76% 0.0923 359.21)` | Mulberry Mix | white, 5.1 to 1 |
| 25 | `#965b79` | `oklch(54.74% 0.0868 348.80)` | Immortality | white, 5.1 to 1 |
| 26 | `#8d6087` | `oklch(54.95% 0.0809 330.97)` | Hashita Purple | white, 5 to 1 |
| 27 | `#7f6795` | `oklch(55.32% 0.0749 307.95)` | Clematis | white, 4.9 to 1 |
| 28 | `#6d6f9c` | `oklch(55.79% 0.0690 282.03)` | Thirsty Thursday | white, 4.7 to 1 |
| 29 | `#5c779b` | `oklch(56.31% 0.0634 255.54)` | Quiet Harbour | white, 4.5 to 1 |
| 30 | `#527d93` | `oklch(56.80% 0.0584 230.78)` | Mallorca Blue | black, 4.7 to 1 |
| 31 | `#50818a` | `oklch(57.21% 0.0542 210.06)` | Cape Lee | black, 4.8 to 1 |
| 32 | `#548282` | `oklch(57.48% 0.0510 195.69)` | Rainier Blue | black, 4.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #40454f 0.0%, #424753 3.2%, #444a5a 6.5%, #474d61 9.7%, #4a5069 12.9%, #4f5372 16.1%, #54567a 19.4%, #5a5982 22.6%, #605b89 25.8%, #675d91 29.0%, #705e99 32.3%, #795fa0 35.5%, #8360a6 38.7%, #8d60aa 41.9%, #9660ac 45.2%, #9e5fac 48.4%, #a45ea8 51.6%, #a95c9e 54.8%, #ac5a91 58.1%, #ac5884 61.3%, #aa5777 64.5%, #a6576f 67.7%, #a1586c 71.0%, #9c596f 74.2%, #965b79 77.4%, #8d6087 80.6%, #7f6795 83.9%, #6d6f9c 87.1%, #5c779b 90.3%, #527d93 93.5%, #50818a 96.8%, #548282 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(38.98% 0.0179 264.37) 0.0%, oklch(39.80% 0.0222 266.15) 3.2%, oklch(40.91% 0.0278 268.44) 6.5%, oklch(42.23% 0.0344 271.15) 9.7%, oklch(43.69% 0.0419 274.22) 12.9%, oklch(45.22% 0.0498 277.57) 16.1%, oklch(46.75% 0.0579 281.13) 19.4%, oklch(48.21% 0.0659 284.82) 22.6%, oklch(49.54% 0.0736 288.57) 25.8%, oklch(50.93% 0.0823 292.59) 29.0%, oklch(52.41% 0.0922 296.90) 32.3%, oklch(53.91% 0.1024 301.43) 35.5%, oklch(55.35% 0.1123 306.10) 38.7%, oklch(56.63% 0.1211 310.84) 41.9%, oklch(57.69% 0.1281 315.57) 45.2%, oklch(58.43% 0.1326 320.22) 48.4%, oklch(58.77% 0.1339 325.13) 51.6%, oklch(58.64% 0.1319 332.21) 54.8%, oklch(58.15% 0.1275 340.67) 58.1%, oklch(57.42% 0.1213 349.24) 61.3%, oklch(56.59% 0.1140 356.64) 64.5%, oklch(55.78% 0.1063 1.61) 67.7%, oklch(55.13% 0.0988 2.89) 71.0%, oklch(54.76% 0.0923 359.21) 74.2%, oklch(54.74% 0.0868 348.80) 77.4%, oklch(54.95% 0.0809 330.97) 80.6%, oklch(55.32% 0.0749 307.95) 83.9%, oklch(55.79% 0.0690 282.03) 87.1%, oklch(56.31% 0.0634 255.54) 90.3%, oklch(56.80% 0.0584 230.78) 93.5%, oklch(57.21% 0.0542 210.06) 96.8%, oklch(57.48% 0.0510 195.69) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.39 | 0.018 | 264.4 |
| 2 | 0.492 | 0.072 | 287.6 |
| 3 | 0.587 | 0.134 | 322.5 |
| 4 | 0.547 | 0.091 | 357.4 |
| 5 | 0.575 | 0.051 | 195.7 |

## In these collections

- [Oil slick colors](https://grabient.com/oil-slick-colors)

## Other forms

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