# Green, yellow, light blue and blue radial gradient

Green, yellow, light blue and blue radial gradient with 32 colors: #a4c690, #a9c989, #b3cc7c, #c0cf6c, #ccd05d, #d1d155, #d2d151, #d0d253, #c8d359, #bdd464, #abd576, #98d58b, #88d39f, #7ad0ae, #68cfbc, #4ececf, #33cbe4, #2ac7f6, #38c1ff, #41bcff, #36baff, #1ab7ff, #00b4fd, #00b0fd, #08acff, #18a7ff, #1ba2fe, #289ff4, #369ce3, #4798cd, #5594ba, #5e90ad. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kcyDxf6jO9GmzwPko8YYbTHNy6QJXPMEUBk-g`
- Page: https://grabient.com/kcyDxf6jO9GmzwPko8YYbTHNy6QJXPMEUBk-g?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: vivid
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.1 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 | `#a4c690` | `oklch(78.74% 0.0827 134.30)` | Cos | black, 11 to 1 |
| 2 | `#a9c989` | `oklch(79.59% 0.0932 129.81)` | Venerable Verde | black, 11.3 to 1 |
| 3 | `#b3cc7c` | `oklch(80.84% 0.1087 123.14)` | Floral Bouquet | black, 11.8 to 1 |
| 4 | `#c0cf6c` | `oklch(82.15% 0.1251 116.26)` | Gentle Dill | black, 12.3 to 1 |
| 5 | `#ccd05d` | `oklch(83.19% 0.1383 111.15)` | Sonic Lime | black, 12.7 to 1 |
| 6 | `#d1d155` | `oklch(83.69% 0.1451 109.17)` | Energised | black, 12.9 to 1 |
| 7 | `#d2d151` | `oklch(83.85% 0.1481 108.81)` | Sequesta | black, 13 to 1 |
| 8 | `#d0d253` | `oklch(83.75% 0.1481 110.16)` | Southern Platyfish | black, 12.9 to 1 |
| 9 | `#c8d359` | `oklch(83.45% 0.1456 113.59)` | Clown Green | black, 12.9 to 1 |
| 10 | `#bdd464` | `oklch(83.00% 0.1411 119.46)` | Glow Worm | black, 12.7 to 1 |
| 11 | `#abd576` | `oklch(82.27% 0.1314 128.50)` | Crystal Green | black, 12.5 to 1 |
| 12 | `#98d58b` | `oklch(81.30% 0.1179 140.13)` | Dentist Green | black, 12.2 to 1 |
| 13 | `#88d39f` | `oklch(80.27% 0.1053 153.20)` | Fennel | black, 11.8 to 1 |
| 14 | `#7ad0ae` | `oklch(79.35% 0.0982 166.53)` | Sea Treasure | black, 11.4 to 1 |
| 15 | `#68cfbc` | `oklch(78.68% 0.1006 180.18)` | Patina | black, 11.2 to 1 |
| 16 | `#4ececf` | `oklch(78.18% 0.1108 195.83)` | Blue Radiance | black, 11 to 1 |
| 17 | `#33cbe4` | `oklch(77.73% 0.1247 211.43)` | Picnic Day Sky | black, 10.8 to 1 |
| 18 | `#2ac7f6` | `oklch(77.22% 0.1379 224.71)` | Shovel Knight | black, 10.5 to 1 |
| 19 | `#38c1ff` | `oklch(76.56% 0.1433 233.43)` | Shovel Knight | black, 10.2 to 1 |
| 20 | `#41bcff` | `oklch(75.76% 0.1429 237.02)` | Glitter Lake | black, 9.8 to 1 |
| 21 | `#36baff` | `oklch(74.86% 0.1482 237.35)` | Cherenkov Radiation | black, 9.5 to 1 |
| 22 | `#1ab7ff` | `oklch(73.92% 0.1556 236.52)` | Blue Bolt | black, 9.2 to 1 |
| 23 | `#00b4fd` | `oklch(72.97% 0.1584 236.60)` | Blue Bolt | black, 8.9 to 1 |
| 24 | `#00b0fd` | `oklch(72.04% 0.1615 238.70)` | Fantasy Console Sky | black, 8.6 to 1 |
| 25 | `#08acff` | `oklch(71.11% 0.1661 241.57)` | Krishna Blue | black, 8.3 to 1 |
| 26 | `#18a7ff` | `oklch(70.14% 0.1686 244.32)` | Protoss Pylon | black, 7.9 to 1 |
| 27 | `#1ba2fe` | `oklch(69.12% 0.1710 246.09)` | Rockman Blue | black, 7.6 to 1 |
| 28 | `#289ff4` | `oklch(67.99% 0.1610 245.97)` | Rockman Blue | black, 7.3 to 1 |
| 29 | `#369ce3` | `oklch(66.62% 0.1395 243.72)` | Flax Flower Blue | black, 6.9 to 1 |
| 30 | `#4798cd` | `oklch(65.17% 0.1123 240.33)` | Blessed Blue | black, 6.6 to 1 |
| 31 | `#5594ba` | `oklch(63.89% 0.0864 236.94)` | Heritage Blue | black, 6.3 to 1 |
| 32 | `#5e90ad` | `oklch(62.99% 0.0689 234.69)` | Blue Persia | black, 6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #a4c690 0.0%, #a9c989 3.2%, #b3cc7c 6.5%, #c0cf6c 9.7%, #ccd05d 12.9%, #d1d155 16.1%, #d2d151 19.4%, #d0d253 22.6%, #c8d359 25.8%, #bdd464 29.0%, #abd576 32.3%, #98d58b 35.5%, #88d39f 38.7%, #7ad0ae 41.9%, #68cfbc 45.2%, #4ececf 48.4%, #33cbe4 51.6%, #2ac7f6 54.8%, #38c1ff 58.1%, #41bcff 61.3%, #36baff 64.5%, #1ab7ff 67.7%, #00b4fd 71.0%, #00b0fd 74.2%, #08acff 77.4%, #18a7ff 80.6%, #1ba2fe 83.9%, #289ff4 87.1%, #369ce3 90.3%, #4798cd 93.5%, #5594ba 96.8%, #5e90ad 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(78.74% 0.0827 134.30) 0.0%, oklch(79.59% 0.0932 129.81) 3.2%, oklch(80.84% 0.1087 123.14) 6.5%, oklch(82.15% 0.1251 116.26) 9.7%, oklch(83.19% 0.1383 111.15) 12.9%, oklch(83.69% 0.1451 109.17) 16.1%, oklch(83.85% 0.1481 108.81) 19.4%, oklch(83.75% 0.1481 110.16) 22.6%, oklch(83.45% 0.1456 113.59) 25.8%, oklch(83.00% 0.1411 119.46) 29.0%, oklch(82.27% 0.1314 128.50) 32.3%, oklch(81.30% 0.1179 140.13) 35.5%, oklch(80.27% 0.1053 153.20) 38.7%, oklch(79.35% 0.0982 166.53) 41.9%, oklch(78.68% 0.1006 180.18) 45.2%, oklch(78.18% 0.1108 195.83) 48.4%, oklch(77.73% 0.1247 211.43) 51.6%, oklch(77.22% 0.1379 224.71) 54.8%, oklch(76.56% 0.1433 233.43) 58.1%, oklch(75.76% 0.1429 237.02) 61.3%, oklch(74.86% 0.1482 237.35) 64.5%, oklch(73.92% 0.1556 236.52) 67.7%, oklch(72.97% 0.1584 236.60) 71.0%, oklch(72.04% 0.1615 238.70) 74.2%, oklch(71.11% 0.1661 241.57) 77.4%, oklch(70.14% 0.1686 244.32) 80.6%, oklch(69.12% 0.1710 246.09) 83.9%, oklch(67.99% 0.1610 245.97) 87.1%, oklch(66.62% 0.1395 243.72) 90.3%, oklch(65.17% 0.1123 240.33) 93.5%, oklch(63.89% 0.0864 236.94) 96.8%, oklch(62.99% 0.0689 234.69) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.787 | 0.083 | 134.3 |
| 2 | 0.835 | 0.142 | 110 |
| 3 | 0.831 | 0.142 | 118.4 |
| 4 | 0.791 | 0.098 | 170.2 |
| 5 | 0.768 | 0.145 | 231.5 |
| 6 | 0.728 | 0.16 | 236.8 |
| 7 | 0.685 | 0.167 | 246.3 |
| 8 | 0.63 | 0.069 | 234.7 |

## In these collections

- [Green multicolor gradients](https://grabient.com/green-multicolor-gradients)

## Other forms

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