# Rainbow from green to navy radial gradient

Rainbow from green to navy radial gradient with 56 colors: #9fc74a, #96c655, #8dc461, #84c16d, #7dbd79, #77b882, #73b28a, #71ac8f, #70a692, #6f9f93, #6d9892, #699291, #618c8f, #56848e, #487c8d, #3b728d, #31678e, #2e5b8f, #334f90, #3c428e, #47368b, #522c85, #5e247d, #6c2175, #7b226c, #8c2963, #9d345a, #ad4251, #ba5449, #c36642, #c7783e, #c7893f, #c19744, #b6a04c, #a6a555, #92a760, #7ba56b, #65a075, #51987c, #418d81, #378282, #337780, #336c7d, #356378, #365c74, #38576f, #38526b, #384e67, #374b64, #364861, #34465e, #33445b, #314359, #304157, #2f4056, #2f3f54. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYxXNZUBDIDG1zdaJ1DuhVQy4Pwg`
- Page: https://grabient.com/kYxXNZUBDIDG1zdaJ1DuhVQy4Pwg?style=radialGradient&steps=56&angle=0
- Drawn as: radial gradient, 56 steps, 0 degrees
- Kinds: rainbow
- Hues: triadic
- Contrast of its darkest and lightest colors: 5.4 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 | `#9fc74a` | `oklch(77.56% 0.1585 125.16)` | Seductive Thorns | black, 10.7 to 1 |
| 2 | `#96c655` | `oklch(76.82% 0.1516 128.64)` | Lone Hunter | black, 10.4 to 1 |
| 3 | `#8dc461` | `oklch(75.92% 0.1419 132.81)` | Cabbage Patch | black, 10.1 to 1 |
| 4 | `#84c16d` | `oklch(74.89% 0.1300 137.62)` | Lima Bean Green | black, 9.8 to 1 |
| 5 | `#7dbd79` | `oklch(73.73% 0.1167 143.03)` | Young Fern | black, 9.4 to 1 |
| 6 | `#77b882` | `oklch(72.46% 0.1026 148.99)` | Frog Pond | black, 8.9 to 1 |
| 7 | `#73b28a` | `oklch(71.07% 0.0887 155.47)` | Frosted Emerald | black, 8.5 to 1 |
| 8 | `#71ac8f` | `oklch(69.60% 0.0755 162.40)` | Melon Green | black, 8 to 1 |
| 9 | `#70a692` | `oklch(68.04% 0.0638 169.75)` | Free Green | black, 7.5 to 1 |
| 10 | `#6f9f93` | `oklch(66.41% 0.0545 177.47)` | Greyish Teal | black, 7 to 1 |
| 11 | `#6d9892` | `oklch(64.73% 0.0481 185.52)` | Pale Verdigris | black, 6.5 to 1 |
| 12 | `#699291` | `oklch(62.99% 0.0455 193.85)` | Mineral Blue | black, 6.1 to 1 |
| 13 | `#618c8f` | `oklch(60.95% 0.0472 202.58)` | Tort | black, 5.6 to 1 |
| 14 | `#56848e` | `oklch(58.44% 0.0528 211.86)` | Night Masque | black, 5 to 1 |
| 15 | `#487c8d` | `oklch(55.61% 0.0616 221.62)` | Sky Space | white, 4.6 to 1 |
| 16 | `#3b728d` | `oklch(52.60% 0.0727 231.81)` | Soul Search | white, 5.2 to 1 |
| 17 | `#31678e` | `oklch(49.56% 0.0853 242.39)` | Drake’s Neck | white, 6 to 1 |
| 18 | `#2e5b8f` | `oklch(46.64% 0.0986 253.30)` | Sapphire Lace | white, 6.9 to 1 |
| 19 | `#334f90` | `oklch(43.99% 0.1118 264.50)` | Nightly Activities | white, 7.8 to 1 |
| 20 | `#3c428e` | `oklch(41.75% 0.1241 275.93)` | Spectrum Blue | white, 8.8 to 1 |
| 21 | `#47368b` | `oklch(40.07% 0.1346 287.55)` | Majestic Eggplant | white, 9.6 to 1 |
| 22 | `#522c85` | `oklch(39.09% 0.1427 299.31)` | Sick Blue | white, 10.2 to 1 |
| 23 | `#5e247d` | `oklch(38.98% 0.1474 311.14)` | Purplex | white, 10.3 to 1 |
| 24 | `#6c2175` | `oklch(39.99% 0.1492 323.22)` | Berry Blackmail | white, 9.9 to 1 |
| 25 | `#7b226c` | `oklch(42.14% 0.1489 335.68)` | Mirage of Violets | white, 9.1 to 1 |
| 26 | `#8c2963` | `oklch(45.19% 0.1470 348.46)` | Beetiful Magenta | white, 8 to 1 |
| 27 | `#9d345a` | `oklch(48.86% 0.1438 1.50)` | Cardinal Red | white, 6.8 to 1 |
| 28 | `#ad4251` | `oklch(52.91% 0.1394 14.74)` | Cherry Wine | white, 5.7 to 1 |
| 29 | `#ba5449` | `oklch(57.08% 0.1343 28.12)` | Safflower Bark | white, 4.7 to 1 |
| 30 | `#c36642` | `oklch(61.12% 0.1287 41.57)` | Clay Pot | black, 5.2 to 1 |
| 31 | `#c7783e` | `oklch(64.77% 0.1229 55.03)` | Rumba Orange | black, 6.1 to 1 |
| 32 | `#c7893f` | `oklch(67.79% 0.1173 68.44)` | Golden Leaf | black, 7 to 1 |
| 33 | `#c19744` | `oklch(69.90% 0.1120 81.74)` | Suzani Gold | black, 7.7 to 1 |
| 34 | `#b6a04c` | `oklch(70.87% 0.1075 94.86)` | Gingko Leaf | black, 8.1 to 1 |
| 35 | `#a6a555` | `oklch(70.66% 0.1032 108.34)` | Desert Locust | black, 8.1 to 1 |
| 36 | `#92a760` | `oklch(69.55% 0.0986 122.55)` | Zesty Apple | black, 7.9 to 1 |
| 37 | `#7ba56b` | `oklch(67.69% 0.0937 137.22)` | Ready Lawn | black, 7.4 to 1 |
| 38 | `#65a075` | `oklch(65.24% 0.0887 152.06)` | Growth | black, 6.8 to 1 |
| 39 | `#51987c` | `oklch(62.39% 0.0836 166.81)` | Fake Fern | black, 6.1 to 1 |
| 40 | `#418d81` | `oklch(59.27% 0.0786 181.17)` | Royal Palm | black, 5.3 to 1 |
| 41 | `#378282` | `oklch(56.07% 0.0738 194.87)` | Nero’s Green | black, 4.6 to 1 |
| 42 | `#337780` | `oklch(52.95% 0.0692 207.64)` | Diver’s Eden | white, 5.1 to 1 |
| 43 | `#336c7d` | `oklch(50.06% 0.0649 219.19)` | Kimberley Sea | white, 5.8 to 1 |
| 44 | `#356378` | `oklch(47.58% 0.0611 229.24)` | Denim Blue | white, 6.5 to 1 |
| 45 | `#365c74` | `oklch(45.67% 0.0579 237.52)` | Shasta Lake | white, 7.1 to 1 |
| 46 | `#38576f` | `oklch(44.18% 0.0551 243.91)` | Winner’s Circle | white, 7.6 to 1 |
| 47 | `#38526b` | `oklch(42.87% 0.0528 248.62)` | Velvet Rope | white, 8.1 to 1 |
| 48 | `#384e67` | `oklch(41.70% 0.0508 251.90)` | Rain Boots | white, 8.5 to 1 |
| 49 | `#374b64` | `oklch(40.68% 0.0492 253.99)` | Silent Sea | white, 8.9 to 1 |
| 50 | `#364861` | `oklch(39.78% 0.0478 255.13)` | Spelunking | white, 9.2 to 1 |
| 51 | `#34465e` | `oklch(38.99% 0.0466 255.56)` | Spelunking | white, 9.5 to 1 |
| 52 | `#33445b` | `oklch(38.30% 0.0457 255.53)` | Moonlit Ocean | white, 9.8 to 1 |
| 53 | `#314359` | `oklch(37.69% 0.0448 255.26)` | Moonlit Ocean | white, 10.1 to 1 |
| 54 | `#304157` | `oklch(37.15% 0.0441 255.00)` | Pi | white, 10.3 to 1 |
| 55 | `#2f4056` | `oklch(36.67% 0.0434 255.00)` | Waterhen Back | white, 10.5 to 1 |
| 56 | `#2f3f54` | `oklch(36.22% 0.0427 255.49)` | Waterhen Back | white, 10.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #9fc74a 0.0%, #96c655 1.8%, #8dc461 3.6%, #84c16d 5.5%, #7dbd79 7.3%, #77b882 9.1%, #73b28a 10.9%, #71ac8f 12.7%, #70a692 14.5%, #6f9f93 16.4%, #6d9892 18.2%, #699291 20.0%, #618c8f 21.8%, #56848e 23.6%, #487c8d 25.5%, #3b728d 27.3%, #31678e 29.1%, #2e5b8f 30.9%, #334f90 32.7%, #3c428e 34.5%, #47368b 36.4%, #522c85 38.2%, #5e247d 40.0%, #6c2175 41.8%, #7b226c 43.6%, #8c2963 45.5%, #9d345a 47.3%, #ad4251 49.1%, #ba5449 50.9%, #c36642 52.7%, #c7783e 54.5%, #c7893f 56.4%, #c19744 58.2%, #b6a04c 60.0%, #a6a555 61.8%, #92a760 63.6%, #7ba56b 65.5%, #65a075 67.3%, #51987c 69.1%, #418d81 70.9%, #378282 72.7%, #337780 74.5%, #336c7d 76.4%, #356378 78.2%, #365c74 80.0%, #38576f 81.8%, #38526b 83.6%, #384e67 85.5%, #374b64 87.3%, #364861 89.1%, #34465e 90.9%, #33445b 92.7%, #314359 94.5%, #304157 96.4%, #2f4056 98.2%, #2f3f54 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(77.56% 0.1585 125.16) 0.0%, oklch(76.82% 0.1516 128.64) 1.8%, oklch(75.92% 0.1419 132.81) 3.6%, oklch(74.89% 0.1300 137.62) 5.5%, oklch(73.73% 0.1167 143.03) 7.3%, oklch(72.46% 0.1026 148.99) 9.1%, oklch(71.07% 0.0887 155.47) 10.9%, oklch(69.60% 0.0755 162.40) 12.7%, oklch(68.04% 0.0638 169.75) 14.5%, oklch(66.41% 0.0545 177.47) 16.4%, oklch(64.73% 0.0481 185.52) 18.2%, oklch(62.99% 0.0455 193.85) 20.0%, oklch(60.95% 0.0472 202.58) 21.8%, oklch(58.44% 0.0528 211.86) 23.6%, oklch(55.61% 0.0616 221.62) 25.5%, oklch(52.60% 0.0727 231.81) 27.3%, oklch(49.56% 0.0853 242.39) 29.1%, oklch(46.64% 0.0986 253.30) 30.9%, oklch(43.99% 0.1118 264.50) 32.7%, oklch(41.75% 0.1241 275.93) 34.5%, oklch(40.07% 0.1346 287.55) 36.4%, oklch(39.09% 0.1427 299.31) 38.2%, oklch(38.98% 0.1474 311.14) 40.0%, oklch(39.99% 0.1492 323.22) 41.8%, oklch(42.14% 0.1489 335.68) 43.6%, oklch(45.19% 0.1470 348.46) 45.5%, oklch(48.86% 0.1438 1.50) 47.3%, oklch(52.91% 0.1394 14.74) 49.1%, oklch(57.08% 0.1343 28.12) 50.9%, oklch(61.12% 0.1287 41.57) 52.7%, oklch(64.77% 0.1229 55.03) 54.5%, oklch(67.79% 0.1173 68.44) 56.4%, oklch(69.90% 0.1120 81.74) 58.2%, oklch(70.87% 0.1075 94.86) 60.0%, oklch(70.66% 0.1032 108.34) 61.8%, oklch(69.55% 0.0986 122.55) 63.6%, oklch(67.69% 0.0937 137.22) 65.5%, oklch(65.24% 0.0887 152.06) 67.3%, oklch(62.39% 0.0836 166.81) 69.1%, oklch(59.27% 0.0786 181.17) 70.9%, oklch(56.07% 0.0738 194.87) 72.7%, oklch(52.95% 0.0692 207.64) 74.5%, oklch(50.06% 0.0649 219.19) 76.4%, oklch(47.58% 0.0611 229.24) 78.2%, oklch(45.67% 0.0579 237.52) 80.0%, oklch(44.18% 0.0551 243.91) 81.8%, oklch(42.87% 0.0528 248.62) 83.6%, oklch(41.70% 0.0508 251.90) 85.5%, oklch(40.68% 0.0492 253.99) 87.3%, oklch(39.78% 0.0478 255.13) 89.1%, oklch(38.99% 0.0466 255.56) 90.9%, oklch(38.30% 0.0457 255.53) 92.7%, oklch(37.69% 0.0448 255.26) 94.5%, oklch(37.15% 0.0441 255.00) 96.4%, oklch(36.67% 0.0434 255.00) 98.2%, oklch(36.22% 0.0427 255.49) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.776 | 0.158 | 125.2 |
| 2 | 0.63 | 0.045 | 193.8 |
| 3 | 0.39 | 0.147 | 311.1 |
| 4 | 0.709 | 0.107 | 454.9 |
| 5 | 0.457 | 0.058 | 597.5 |
| 6 | 0.362 | 0.043 | 615.5 |

## Other forms

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