# Blue, green, orange and beige radial gradient

Blue, green, orange and beige radial gradient with 40 colors: #0e41a0, #004ba0, #00569c, #00619d, #006ea0, #007aa4, #0088a9, #0095ad, #00a3b0, #00b0b2, #00bcb0, #26c5ab, #49cba3, #61cf9a, #75d08d, #88cd7b, #9bc865, #adc04c, #beb52d, #cca900, #d69c00, #de8f00, #e58300, #eb760b, #ed6e28, #ee6b37, #ee6b42, #ef6f49, #f0774e, #f08252, #ef8e57, #ed9b5f, #eaa96a, #e6b679, #e3c38a, #e0ce9c, #dfd7ad, #e0debc, #e2e4c9, #e4e8d2. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUaHa6Yq6z9a-sX1CskA`
- Page: https://grabient.com/kUaHa6Yq6z9a-sX1CskA?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: vivid, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 7.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 | `#0e41a0` | `oklch(40.94% 0.1626 261.56)` | Space Explorer | white, 9.1 to 1 |
| 2 | `#004ba0` | `oklch(42.69% 0.1526 257.18)` | Sea of Tears | white, 8.3 to 1 |
| 3 | `#00569c` | `oklch(45.03% 0.1339 251.79)` | Standing Waters | white, 7.4 to 1 |
| 4 | `#00619d` | `oklch(47.84% 0.1218 245.54)` | Rave Regatta | white, 6.5 to 1 |
| 5 | `#006ea0` | `oklch(51.02% 0.1141 238.54)` | Disarm | white, 5.6 to 1 |
| 6 | `#007aa4` | `oklch(54.46% 0.1097 230.91)` | CG Blue | white, 4.8 to 1 |
| 7 | `#0088a9` | `oklch(58.04% 0.1079 222.75)` | Hacienda Blue | black, 5 to 1 |
| 8 | `#0095ad` | `oklch(61.64% 0.1085 214.18)` | Munsell Blue | black, 5.9 to 1 |
| 9 | `#00a3b0` | `oklch(65.17% 0.1113 205.29)` | Garish Blue | black, 6.8 to 1 |
| 10 | `#00b0b2` | `oklch(68.49% 0.1167 196.21)` | Laguna Green | black, 7.8 to 1 |
| 11 | `#00bcb0` | `oklch(71.51% 0.1248 187.05)` | Turquoise Topaz | black, 8.7 to 1 |
| 12 | `#26c5ab` | `oklch(74.10% 0.1295 177.90)` | Jade Mountain | black, 9.6 to 1 |
| 13 | `#49cba3` | `oklch(76.15% 0.1283 168.89)` | Mint Jelly | black, 10.4 to 1 |
| 14 | `#61cf9a` | `oklch(77.56% 0.1281 160.11)` | Van Gogh Green | black, 10.8 to 1 |
| 15 | `#75d08d` | `oklch(78.25% 0.1295 150.83)` | Jube Green | black, 11.1 to 1 |
| 16 | `#88cd7b` | `oklch(78.31% 0.1325 140.42)` | Fresh Cut Grass | black, 11 to 1 |
| 17 | `#9bc865` | `oklch(77.84% 0.1368 129.18)` | Spring Lime | black, 10.8 to 1 |
| 18 | `#adc04c` | `oklch(76.95% 0.1421 117.41)` | Money Banks | black, 10.3 to 1 |
| 19 | `#beb52d` | `oklch(75.76% 0.1479 105.42)` | Lively Lime | black, 9.8 to 1 |
| 20 | `#cca900` | `oklch(74.36% 0.1523 93.49)` | Catkin Yellow | black, 9.2 to 1 |
| 21 | `#d69c00` | `oklch(72.87% 0.1502 81.95)` | Orange Satisfaction | black, 8.6 to 1 |
| 22 | `#de8f00` | `oklch(71.40% 0.1537 71.08)` | Harvest Eve Gold | black, 8 to 1 |
| 23 | `#e58300` | `oklch(70.06% 0.1624 61.20)` | Fulvous | black, 7.5 to 1 |
| 24 | `#eb760b` | `oklch(68.95% 0.1733 52.62)` | Therapeutic Toucan | black, 7.1 to 1 |
| 25 | `#ed6e28` | `oklch(68.18% 0.1750 45.60)` | Lava Lamp | black, 6.8 to 1 |
| 26 | `#ee6b37` | `oklch(67.87% 0.1748 40.47)` | Mandarin Orange | black, 6.7 to 1 |
| 27 | `#ee6b42` | `oklch(68.11% 0.1722 37.53)` | Opulent Orange | black, 6.8 to 1 |
| 28 | `#ef6f49` | `oklch(68.93% 0.1670 37.13)` | Fiery Sky | black, 7 to 1 |
| 29 | `#f0774e` | `oklch(70.20% 0.1591 39.17)` | Coral Rose | black, 7.4 to 1 |
| 30 | `#f08252` | `oklch(71.86% 0.1490 43.28)` | Araigaki Orange | black, 7.9 to 1 |
| 31 | `#ef8e57` | `oklch(73.82% 0.1373 49.07)` | Chinese Lantern | black, 8.6 to 1 |
| 32 | `#ed9b5f` | `oklch(76.00% 0.1243 56.17)` | Ridgeback | black, 9.4 to 1 |
| 33 | `#eaa96a` | `oklch(78.33% 0.1104 64.20)` | Spun Gold | black, 10.3 to 1 |
| 34 | `#e6b679` | `oklch(80.73% 0.0962 72.78)` | Paloma Tan | black, 11.3 to 1 |
| 35 | `#e3c38a` | `oklch(83.11% 0.0821 81.53)` | Moonlight Yellow | black, 12.4 to 1 |
| 36 | `#e0ce9c` | `oklch(85.41% 0.0686 90.08)` | Lunar Lander | black, 13.4 to 1 |
| 37 | `#dfd7ad` | `oklch(87.54% 0.0561 98.05)` | Primitive Green | black, 14.4 to 1 |
| 38 | `#e0debc` | `oklch(89.42% 0.0450 105.05)` | Forest Found | black, 15.3 to 1 |
| 39 | `#e2e4c9` | `oklch(90.97% 0.0358 110.72)` | More Melon | black, 16.1 to 1 |
| 40 | `#e4e8d2` | `oklch(92.13% 0.0289 114.67)` | Pale Pistachio | black, 16.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #0e41a0 0.0%, #004ba0 2.6%, #00569c 5.1%, #00619d 7.7%, #006ea0 10.3%, #007aa4 12.8%, #0088a9 15.4%, #0095ad 17.9%, #00a3b0 20.5%, #00b0b2 23.1%, #00bcb0 25.6%, #26c5ab 28.2%, #49cba3 30.8%, #61cf9a 33.3%, #75d08d 35.9%, #88cd7b 38.5%, #9bc865 41.0%, #adc04c 43.6%, #beb52d 46.2%, #cca900 48.7%, #d69c00 51.3%, #de8f00 53.8%, #e58300 56.4%, #eb760b 59.0%, #ed6e28 61.5%, #ee6b37 64.1%, #ee6b42 66.7%, #ef6f49 69.2%, #f0774e 71.8%, #f08252 74.4%, #ef8e57 76.9%, #ed9b5f 79.5%, #eaa96a 82.1%, #e6b679 84.6%, #e3c38a 87.2%, #e0ce9c 89.7%, #dfd7ad 92.3%, #e0debc 94.9%, #e2e4c9 97.4%, #e4e8d2 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(40.94% 0.1626 261.56) 0.0%, oklch(42.69% 0.1526 257.18) 2.6%, oklch(45.03% 0.1339 251.79) 5.1%, oklch(47.84% 0.1218 245.54) 7.7%, oklch(51.02% 0.1141 238.54) 10.3%, oklch(54.46% 0.1097 230.91) 12.8%, oklch(58.04% 0.1079 222.75) 15.4%, oklch(61.64% 0.1085 214.18) 17.9%, oklch(65.17% 0.1113 205.29) 20.5%, oklch(68.49% 0.1167 196.21) 23.1%, oklch(71.51% 0.1248 187.05) 25.6%, oklch(74.10% 0.1295 177.90) 28.2%, oklch(76.15% 0.1283 168.89) 30.8%, oklch(77.56% 0.1281 160.11) 33.3%, oklch(78.25% 0.1295 150.83) 35.9%, oklch(78.31% 0.1325 140.42) 38.5%, oklch(77.84% 0.1368 129.18) 41.0%, oklch(76.95% 0.1421 117.41) 43.6%, oklch(75.76% 0.1479 105.42) 46.2%, oklch(74.36% 0.1523 93.49) 48.7%, oklch(72.87% 0.1502 81.95) 51.3%, oklch(71.40% 0.1537 71.08) 53.8%, oklch(70.06% 0.1624 61.20) 56.4%, oklch(68.95% 0.1733 52.62) 59.0%, oklch(68.18% 0.1750 45.60) 61.5%, oklch(67.87% 0.1748 40.47) 64.1%, oklch(68.11% 0.1722 37.53) 66.7%, oklch(68.93% 0.1670 37.13) 69.2%, oklch(70.20% 0.1591 39.17) 71.8%, oklch(71.86% 0.1490 43.28) 74.4%, oklch(73.82% 0.1373 49.07) 76.9%, oklch(76.00% 0.1243 56.17) 79.5%, oklch(78.33% 0.1104 64.20) 82.1%, oklch(80.73% 0.0962 72.78) 84.6%, oklch(83.11% 0.0821 81.53) 87.2%, oklch(85.41% 0.0686 90.08) 89.7%, oklch(87.54% 0.0561 98.05) 92.3%, oklch(89.42% 0.0450 105.05) 94.9%, oklch(90.97% 0.0358 110.72) 97.4%, oklch(92.13% 0.0289 114.67) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.409 | 0.163 | 261.6 |
| 2 | 0.776 | 0.128 | 160.1 |
| 3 | 0.681 | 0.172 | 37.5 |
| 4 | 0.921 | 0.029 | 114.7 |

## In these collections

- [Steel pan poster](https://grabient.com/steel-pan-poster)

## Other forms

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