# Blue, green, orange and maroon radial gradient

Blue, green, orange and maroon radial gradient with 32 colors: #2448a0, #2353a7, #2462b0, #2873ba, #2b85c4, #2c95cc, #23a2d0, #00abcc, #00b0be, #00b1ad, #00b298, #00b380, #1eb662, #51b94e, #71c046, #8bc946, #a3d34a, #b9d94b, #cdda44, #ddd12c, #e9bf00, #eda600, #eb8a00, #e96a00, #e24b1f, #d53837, #c72d44, #b8274a, #aa244d, #9d234e, #92224d, #8b214d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYbWy8Vay7de_NrsPTtSsa2Tc0vK`
- Page: https://grabient.com/kYbWy8Vay7de_NrsPTtSsa2Tc0vK?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, vivid, multicolor
- Hues: triadic
- Contrast of its darkest and lightest colors: 5.6 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 | `#2448a0` | `oklch(42.91% 0.1488 264.38)` | Sea of Tears | white, 8.3 to 1 |
| 2 | `#2353a7` | `oklch(45.71% 0.1452 260.84)` | Ruri Blue | white, 7.3 to 1 |
| 3 | `#2462b0` | `oklch(49.79% 0.1396 256.33)` | Rainbow Bright | white, 6.1 to 1 |
| 4 | `#2873ba` | `oklch(54.53% 0.1332 250.85)` | Bluish | white, 4.9 to 1 |
| 5 | `#2b85c4` | `oklch(59.36% 0.1273 244.34)` | Klaxosaur Blue | black, 5.2 to 1 |
| 6 | `#2c95cc` | `oklch(63.67% 0.1232 236.80)` | Astrolabe Reef | black, 6.2 to 1 |
| 7 | `#23a2d0` | `oklch(66.87% 0.1223 228.18)` | Charybdis | black, 7.1 to 1 |
| 8 | `#00abcc` | `oklch(68.54% 0.1231 217.93)` | Gummy Dolphins | black, 7.7 to 1 |
| 9 | `#00b0be` | `oklch(69.02% 0.1179 205.40)` | Deep Turquoise | black, 7.9 to 1 |
| 10 | `#00b1ad` | `oklch(68.77% 0.1182 191.56)` | Laguna Green | black, 7.9 to 1 |
| 11 | `#00b298` | `oklch(68.28% 0.1262 177.40)` | Aloha | black, 7.8 to 1 |
| 12 | `#00b380` | `oklch(68.01% 0.1451 163.93)` | Dark Mountain Meadow | black, 7.7 to 1 |
| 13 | `#1eb662` | `oklch(68.43% 0.1718 152.15)` | Future Hair | black, 7.9 to 1 |
| 14 | `#51b94e` | `oklch(70.06% 0.1752 142.98)` | Classic Green | black, 8.4 to 1 |
| 15 | `#71c046` | `oklch(73.08% 0.1754 136.31)` | Conceptual | black, 9.3 to 1 |
| 16 | `#8bc946` | `oklch(76.81% 0.1737 131.13)` | Midsummer Field | black, 10.5 to 1 |
| 17 | `#a3d34a` | `oklch(80.53% 0.1711 126.42)` | Burst of Lime | black, 11.9 to 1 |
| 18 | `#b9d94b` | `oklch(83.53% 0.1687 121.16)` | Badass Grass | black, 13 to 1 |
| 19 | `#cdda44` | `oklch(85.09% 0.1676 114.32)` | Poisonous Cloud | black, 13.6 to 1 |
| 20 | `#ddd12c` | `oklch(84.52% 0.1691 104.87)` | Polliwog | black, 13.2 to 1 |
| 21 | `#e9bf00` | `oklch(81.74% 0.1673 92.45)` | Poster Yellow | black, 11.9 to 1 |
| 22 | `#eda600` | `oklch(77.41% 0.1613 78.12)` | Illuminate Me | black, 10 to 1 |
| 23 | `#eb8a00` | `oklch(72.20% 0.1646 63.10)` | Elden Ring Orange | black, 8.1 to 1 |
| 24 | `#e96a00` | `oklch(66.79% 0.1803 48.59)` | Epicurean Orange | black, 6.5 to 1 |
| 25 | `#e24b1f` | `oklch(61.83% 0.1944 35.83)` | Scoville High | black, 5.2 to 1 |
| 26 | `#d53837` | `oklch(57.99% 0.1938 25.95)` | Blade Runner Red | white, 4.7 to 1 |
| 27 | `#c72d44` | `oklch(54.76% 0.1887 18.54)` | Red Peppercorn | white, 5.4 to 1 |
| 28 | `#b8274a` | `oklch(51.78% 0.1803 12.82)` | Hot Hibiscus | white, 6.1 to 1 |
| 29 | `#aa244d` | `oklch(49.08% 0.1701 8.45)` | She Pouts | white, 6.8 to 1 |
| 30 | `#9d234e` | `oklch(46.74% 0.1597 5.12)` | Hydrangea Red | white, 7.5 to 1 |
| 31 | `#92224d` | `oklch(44.79% 0.1507 2.47)` | Wine Grape | white, 8.1 to 1 |
| 32 | `#8b214d` | `oklch(43.31% 0.1447 0.19)` | Violettuce | white, 8.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #2448a0 0.0%, #2353a7 3.2%, #2462b0 6.5%, #2873ba 9.7%, #2b85c4 12.9%, #2c95cc 16.1%, #23a2d0 19.4%, #00abcc 22.6%, #00b0be 25.8%, #00b1ad 29.0%, #00b298 32.3%, #00b380 35.5%, #1eb662 38.7%, #51b94e 41.9%, #71c046 45.2%, #8bc946 48.4%, #a3d34a 51.6%, #b9d94b 54.8%, #cdda44 58.1%, #ddd12c 61.3%, #e9bf00 64.5%, #eda600 67.7%, #eb8a00 71.0%, #e96a00 74.2%, #e24b1f 77.4%, #d53837 80.6%, #c72d44 83.9%, #b8274a 87.1%, #aa244d 90.3%, #9d234e 93.5%, #92224d 96.8%, #8b214d 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(42.91% 0.1488 264.38) 0.0%, oklch(45.71% 0.1452 260.84) 3.2%, oklch(49.79% 0.1396 256.33) 6.5%, oklch(54.53% 0.1332 250.85) 9.7%, oklch(59.36% 0.1273 244.34) 12.9%, oklch(63.67% 0.1232 236.80) 16.1%, oklch(66.87% 0.1223 228.18) 19.4%, oklch(68.54% 0.1231 217.93) 22.6%, oklch(69.02% 0.1179 205.40) 25.8%, oklch(68.77% 0.1182 191.56) 29.0%, oklch(68.28% 0.1262 177.40) 32.3%, oklch(68.01% 0.1451 163.93) 35.5%, oklch(68.43% 0.1718 152.15) 38.7%, oklch(70.06% 0.1752 142.98) 41.9%, oklch(73.08% 0.1754 136.31) 45.2%, oklch(76.81% 0.1737 131.13) 48.4%, oklch(80.53% 0.1711 126.42) 51.6%, oklch(83.53% 0.1687 121.16) 54.8%, oklch(85.09% 0.1676 114.32) 58.1%, oklch(84.52% 0.1691 104.87) 61.3%, oklch(81.74% 0.1673 92.45) 64.5%, oklch(77.41% 0.1613 78.12) 67.7%, oklch(72.20% 0.1646 63.10) 71.0%, oklch(66.79% 0.1803 48.59) 74.2%, oklch(61.83% 0.1944 35.83) 77.4%, oklch(57.99% 0.1938 25.95) 80.6%, oklch(54.76% 0.1887 18.54) 83.9%, oklch(51.78% 0.1803 12.82) 87.1%, oklch(49.08% 0.1701 8.45) 90.3%, oklch(46.74% 0.1597 5.12) 93.5%, oklch(44.79% 0.1507 2.47) 96.8%, oklch(43.31% 0.1447 0.19) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.429 | 0.149 | 264.4 |
| 2 | 0.673 | 0.123 | 226.3 |
| 3 | 0.689 | 0.174 | 148.1 |
| 4 | 0.85 | 0.168 | 109 |
| 5 | 0.587 | 0.194 | 27.7 |
| 6 | 0.433 | 0.145 | 0.2 |

## In these collections

- [Weather map gradients](https://grabient.com/weather-map-gradients)

## Other forms

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