# Vivid blue, lavender, pink and orange radial gradient

Vivid blue, lavender, pink and orange radial gradient with 32 colors: #1628ff, #162fff, #1937ff, #1d3fff, #2148ff, #2351ff, #225bff, #1c65ff, #0770ff, #0081ef, #0091e3, #009fdc, #00acd9, #00b8da, #00c0dd, #00c6e4, #1fc6ef, #41c0fe, #75b3ff, #97a2ff, #bb89ff, #dc71e1, #f25db6, #fd518d, #ff4f71, #ff515b, #ff524b, #ff5440, #ff5539, #ff5735, #ff5831, #ff5829. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWede9SdS_WExOrXTdG1szDY`
- Page: https://grabient.com/kWede9SdS_WExOrXTdG1szDY?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: vivid
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.7 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 | `#1628ff` | `oklch(47.64% 0.2963 265.78)` | Vivid Blue | white, 7.5 to 1 |
| 2 | `#162fff` | `oklch(48.40% 0.2914 265.64)` | Vivid Blue | white, 7.2 to 1 |
| 3 | `#1937ff` | `oklch(49.35% 0.2851 265.76)` | C64 Blue | white, 6.9 to 1 |
| 4 | `#1d3fff` | `oklch(50.48% 0.2776 265.92)` | Rare Blue | white, 6.5 to 1 |
| 5 | `#2148ff` | `oklch(51.77% 0.2691 265.89)` | Blueshift | white, 6.1 to 1 |
| 6 | `#2351ff` | `oklch(53.21% 0.2597 265.47)` | Light Shōjin Blue | white, 5.6 to 1 |
| 7 | `#225bff` | `oklch(54.80% 0.2496 264.44)` | Kyanite | white, 5.2 to 1 |
| 8 | `#1c65ff` | `oklch(56.51% 0.2391 262.57)` | Bluerocratic | white, 4.8 to 1 |
| 9 | `#0770ff` | `oklch(58.36% 0.2286 259.56)` | Brandeis Blue | black, 4.7 to 1 |
| 10 | `#0081ef` | `oklch(60.68% 0.1898 253.45)` | Brescian Blue | black, 5.4 to 1 |
| 11 | `#0091e3` | `oklch(63.43% 0.1586 244.67)` | Bleu de France | black, 6.1 to 1 |
| 12 | `#009fdc` | `oklch(66.40% 0.1403 234.73)` | Vanadyl Blue | black, 7 to 1 |
| 13 | `#00acd9` | `oklch(69.35% 0.1316 225.15)` | Bright Cerulean | black, 7.9 to 1 |
| 14 | `#00b8da` | `oklch(72.07% 0.1290 217.42)` | Maldives | black, 8.8 to 1 |
| 15 | `#00c0dd` | `oklch(74.33% 0.1301 213.06)` | Caribbean Blue | black, 9.6 to 1 |
| 16 | `#00c6e4` | `oklch(75.91% 0.1332 213.57)` | Caribbean Blue | black, 10.1 to 1 |
| 17 | `#1fc6ef` | `oklch(76.60% 0.1353 220.54)` | Picnic Day Sky | black, 10.3 to 1 |
| 18 | `#41c0fe` | `oklch(76.40% 0.1404 234.74)` | Megaman | black, 10.1 to 1 |
| 19 | `#75b3ff` | `oklch(75.53% 0.1279 254.37)` | French Sky Blue | black, 9.6 to 1 |
| 20 | `#97a2ff` | `oklch(74.19% 0.1342 277.42)` | Widowmaker | black, 8.9 to 1 |
| 21 | `#bb89ff` | `oklch(72.62% 0.1714 301.84)` | Lilac Geode | black, 8.1 to 1 |
| 22 | `#dc71e1` | `oklch(71.03% 0.1914 325.60)` | Hibiscus Pop | black, 7.4 to 1 |
| 23 | `#f25db6` | `oklch(69.64% 0.2036 346.68)` | Crumbly Lipstick | black, 7 to 1 |
| 24 | `#fd518d` | `oklch(68.66% 0.2122 3.05)` | Pansy | black, 6.7 to 1 |
| 25 | `#ff4f71` | `oklch(68.17% 0.2107 13.92)` | Fiery Rose | black, 6.6 to 1 |
| 26 | `#ff515b` | `oklch(67.90% 0.2096 21.59)` | Fluorescent Red | black, 6.5 to 1 |
| 27 | `#ff524b` | `oklch(67.79% 0.2101 26.77)` | Red Orange Juice | black, 6.5 to 1 |
| 28 | `#ff5440` | `oklch(67.81% 0.2106 30.04)` | Ogre Odour | black, 6.5 to 1 |
| 29 | `#ff5539` | `oklch(67.89% 0.2106 31.99)` | Poppy Surprise | black, 6.6 to 1 |
| 30 | `#ff5735` | `oklch(68.00% 0.2101 33.20)` | Poppy Surprise | black, 6.6 to 1 |
| 31 | `#ff5831` | `oklch(68.09% 0.2099 34.27)` | Poppy Surprise | black, 6.6 to 1 |
| 32 | `#ff5829` | `oklch(68.11% 0.2105 35.76)` | Nasturtium | black, 6.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #1628ff 0.0%, #162fff 3.2%, #1937ff 6.5%, #1d3fff 9.7%, #2148ff 12.9%, #2351ff 16.1%, #225bff 19.4%, #1c65ff 22.6%, #0770ff 25.8%, #0081ef 29.0%, #0091e3 32.3%, #009fdc 35.5%, #00acd9 38.7%, #00b8da 41.9%, #00c0dd 45.2%, #00c6e4 48.4%, #1fc6ef 51.6%, #41c0fe 54.8%, #75b3ff 58.1%, #97a2ff 61.3%, #bb89ff 64.5%, #dc71e1 67.7%, #f25db6 71.0%, #fd518d 74.2%, #ff4f71 77.4%, #ff515b 80.6%, #ff524b 83.9%, #ff5440 87.1%, #ff5539 90.3%, #ff5735 93.5%, #ff5831 96.8%, #ff5829 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(47.64% 0.2963 265.78) 0.0%, oklch(48.40% 0.2914 265.64) 3.2%, oklch(49.35% 0.2851 265.76) 6.5%, oklch(50.48% 0.2776 265.92) 9.7%, oklch(51.77% 0.2691 265.89) 12.9%, oklch(53.21% 0.2597 265.47) 16.1%, oklch(54.80% 0.2496 264.44) 19.4%, oklch(56.51% 0.2391 262.57) 22.6%, oklch(58.36% 0.2286 259.56) 25.8%, oklch(60.68% 0.1898 253.45) 29.0%, oklch(63.43% 0.1586 244.67) 32.3%, oklch(66.40% 0.1403 234.73) 35.5%, oklch(69.35% 0.1316 225.15) 38.7%, oklch(72.07% 0.1290 217.42) 41.9%, oklch(74.33% 0.1301 213.06) 45.2%, oklch(75.91% 0.1332 213.57) 48.4%, oklch(76.60% 0.1353 220.54) 51.6%, oklch(76.40% 0.1404 234.74) 54.8%, oklch(75.53% 0.1279 254.37) 58.1%, oklch(74.19% 0.1342 277.42) 61.3%, oklch(72.62% 0.1714 301.84) 64.5%, oklch(71.03% 0.1914 325.60) 67.7%, oklch(69.64% 0.2036 346.68) 71.0%, oklch(68.66% 0.2122 3.05) 74.2%, oklch(68.17% 0.2107 13.92) 77.4%, oklch(67.90% 0.2096 21.59) 80.6%, oklch(67.79% 0.2101 26.77) 83.9%, oklch(67.81% 0.2106 30.04) 87.1%, oklch(67.89% 0.2106 31.99) 90.3%, oklch(68.00% 0.2101 33.20) 93.5%, oklch(68.09% 0.2099 34.27) 96.8%, oklch(68.11% 0.2105 35.76) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.476 | 0.296 | 265.8 |
| 2 | 0.579 | 0.233 | 260.5 |
| 3 | 0.764 | 0.135 | 216.1 |
| 4 | 0.685 | 0.214 | 366.2 |
| 5 | 0.681 | 0.211 | 395.8 |

## In these collections

- [Vivid multicolor gradients](https://grabient.com/vivid-multicolor-gradients)
- [Neon gradients](https://grabient.com/neon-gradients)

## Other forms

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