# Deep teal violet radial glow

Blue to black radial gradient with 32 colors: #5240e0, #5042dd, #4e43d9, #4c45d4, #4a47ce, #4849c8, #454bc2, #424cbb, #404eb5, #3c4fae, #3950a8, #3651a1, #33519b, #305294, #2e528e, #2c5287, #2b5280, #2a5179, #2a5072, #2a4f6b, #294d65, #284b5e, #274858, #254551, #22414a, #1f3d43, #1d393d, #1a3537, #183232, #162e2d, #152b29, #152926. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Blue to black radial gradient
- Seed: `kUf6fGurM-rKTvChijmg`
- Page: https://grabient.com/kUf6fGurM-rKTvChijmg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: cool
- Hues: analogous
- 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 | `#5240e0` | `oklch(50.00% 0.2301 279.14)` | Blue Magenta | white, 6.6 to 1 |
| 2 | `#5042dd` | `oklch(49.78% 0.2250 278.62)` | Dark Soft Violet | white, 6.6 to 1 |
| 3 | `#4e43d9` | `oklch(49.52% 0.2184 278.08)` | Blurple | white, 6.6 to 1 |
| 4 | `#4c45d4` | `oklch(49.22% 0.2106 277.48)` | Blurple | white, 6.7 to 1 |
| 5 | `#4a47ce` | `oklch(48.87% 0.2018 276.79)` | Royal Nightcore | white, 6.7 to 1 |
| 6 | `#4849c8` | `oklch(48.49% 0.1924 275.99)` | Gorgonzola Blue | white, 6.8 to 1 |
| 7 | `#454bc2` | `oklch(48.08% 0.1825 275.04)` | Free Speech Blue | white, 6.9 to 1 |
| 8 | `#424cbb` | `oklch(47.65% 0.1724 273.92)` | Kikorangi Blue | white, 7 to 1 |
| 9 | `#404eb5` | `oklch(47.19% 0.1624 272.60)` | Night in Manchester | white, 7 to 1 |
| 10 | `#3c4fae` | `oklch(46.72% 0.1526 271.05)` | Night in Manchester | white, 7.1 to 1 |
| 11 | `#3950a8` | `oklch(46.23% 0.1434 269.24)` | Dazzling Blue | white, 7.2 to 1 |
| 12 | `#3651a1` | `oklch(45.74% 0.1348 267.17)` | Dazzling Blue | white, 7.4 to 1 |
| 13 | `#33519b` | `oklch(45.26% 0.1257 264.89)` | Dazzling Blue | white, 7.5 to 1 |
| 14 | `#305294` | `oklch(44.78% 0.1165 262.42)` | Chinese Blue | white, 7.6 to 1 |
| 15 | `#2e528e` | `oklch(44.29% 0.1071 259.74)` | Blue Nude | white, 7.7 to 1 |
| 16 | `#2c5287` | `oklch(43.77% 0.0978 256.87)` | Galaxy Blue | white, 7.8 to 1 |
| 17 | `#2b5280` | `oklch(43.22% 0.0887 253.80)` | Slumber | white, 8 to 1 |
| 18 | `#2a5179` | `oklch(42.62% 0.0800 250.54)` | Slumber | white, 8.2 to 1 |
| 19 | `#2a5072` | `oklch(41.95% 0.0718 247.08)` | Midnight Sonata | white, 8.4 to 1 |
| 20 | `#2a4f6b` | `oklch(41.21% 0.0643 243.41)` | Celestial Blue | white, 8.6 to 1 |
| 21 | `#294d65` | `oklch(40.37% 0.0576 239.55)` | Singing the Blues | white, 8.9 to 1 |
| 22 | `#284b5e` | `oklch(39.43% 0.0520 235.46)` | Deep Ocean | white, 9.3 to 1 |
| 23 | `#274858` | `oklch(38.29% 0.0472 230.70)` | Black Forest Blue | white, 9.7 to 1 |
| 24 | `#254551` | `oklch(36.96% 0.0432 225.33)` | Rainstorm | white, 10.3 to 1 |
| 25 | `#22414a` | `oklch(35.50% 0.0399 219.53)` | Bay Isle Pointe | white, 10.9 to 1 |
| 26 | `#1f3d43` | `oklch(33.97% 0.0371 213.51)` | Sunken Harbour | white, 11.6 to 1 |
| 27 | `#1d393d` | `oklch(32.42% 0.0349 207.47)` | Nordic | white, 12.3 to 1 |
| 28 | `#1a3537` | `oklch(30.91% 0.0330 201.62)` | Fait Accompli | white, 13 to 1 |
| 29 | `#183232` | `oklch(29.50% 0.0314 196.14)` | Dark Pine Green | white, 13.7 to 1 |
| 30 | `#162e2d` | `oklch(28.23% 0.0301 191.25)` | Guerrilla Forest | white, 14.3 to 1 |
| 31 | `#152b29` | `oklch(27.17% 0.0288 187.15)` | Swamp Thing | white, 14.8 to 1 |
| 32 | `#152926` | `oklch(26.38% 0.0276 184.03)` | Swamp Thing | white, 15.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #5240e0 0.0%, #5042dd 3.2%, #4e43d9 6.5%, #4c45d4 9.7%, #4a47ce 12.9%, #4849c8 16.1%, #454bc2 19.4%, #424cbb 22.6%, #404eb5 25.8%, #3c4fae 29.0%, #3950a8 32.3%, #3651a1 35.5%, #33519b 38.7%, #305294 41.9%, #2e528e 45.2%, #2c5287 48.4%, #2b5280 51.6%, #2a5179 54.8%, #2a5072 58.1%, #2a4f6b 61.3%, #294d65 64.5%, #284b5e 67.7%, #274858 71.0%, #254551 74.2%, #22414a 77.4%, #1f3d43 80.6%, #1d393d 83.9%, #1a3537 87.1%, #183232 90.3%, #162e2d 93.5%, #152b29 96.8%, #152926 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(50.00% 0.2301 279.14) 0.0%, oklch(49.78% 0.2250 278.62) 3.2%, oklch(49.52% 0.2184 278.08) 6.5%, oklch(49.22% 0.2106 277.48) 9.7%, oklch(48.87% 0.2018 276.79) 12.9%, oklch(48.49% 0.1924 275.99) 16.1%, oklch(48.08% 0.1825 275.04) 19.4%, oklch(47.65% 0.1724 273.92) 22.6%, oklch(47.19% 0.1624 272.60) 25.8%, oklch(46.72% 0.1526 271.05) 29.0%, oklch(46.23% 0.1434 269.24) 32.3%, oklch(45.74% 0.1348 267.17) 35.5%, oklch(45.26% 0.1257 264.89) 38.7%, oklch(44.78% 0.1165 262.42) 41.9%, oklch(44.29% 0.1071 259.74) 45.2%, oklch(43.77% 0.0978 256.87) 48.4%, oklch(43.22% 0.0887 253.80) 51.6%, oklch(42.62% 0.0800 250.54) 54.8%, oklch(41.95% 0.0718 247.08) 58.1%, oklch(41.21% 0.0643 243.41) 61.3%, oklch(40.37% 0.0576 239.55) 64.5%, oklch(39.43% 0.0520 235.46) 67.7%, oklch(38.29% 0.0472 230.70) 71.0%, oklch(36.96% 0.0432 225.33) 74.2%, oklch(35.50% 0.0399 219.53) 77.4%, oklch(33.97% 0.0371 213.51) 80.6%, oklch(32.42% 0.0349 207.47) 83.9%, oklch(30.91% 0.0330 201.62) 87.1%, oklch(29.50% 0.0314 196.14) 90.3%, oklch(28.23% 0.0301 191.25) 93.5%, oklch(27.17% 0.0288 187.15) 96.8%, oklch(26.38% 0.0276 184.03) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.5 | 0.23 | 279.1 |
| 2 | 0.461 | 0.141 | 268.6 |
| 3 | 0.398 | 0.054 | 236.9 |
| 4 | 0.264 | 0.028 | 184 |

## In these collections

- [Navy and teal gradients](https://grabient.com/navy-and-teal-gradients)

## Other forms

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