# Rainbow from brown to light green radial gradient

Rainbow from brown to light green radial gradient with 40 colors: #6fa442, #809722, #8e8300, #936d00, #955400, #923b1d, #852d38, #76284b, #692b5a, #5d336a, #534076, #4a4f7f, #465d83, #496a85, #517486, #587b89, #5c7f8c, #5b7f91, #597b97, #5c759e, #686ca1, #78629e, #8a5994, #9c5585, #ac5778, #bd6169, #cb715a, #d48750, #d7a051, #d6b860, #d1cd76, #cddc8b, #cbe69c, #cceba8, #d0edb1, #d5eeb8, #daedbd, #deecc2, #e1ebc6, #e2ebca. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYqGdesigt8iQMhGqc6bqZPnWQv-`
- Page: https://grabient.com/kYqGdesigt8iQMhGqc6bqZPnWQv-?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: dark center, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 8.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 | `#6fa442` | `oklch(66.14% 0.1419 132.89)` | Festival Green | black, 7.1 to 1 |
| 2 | `#809722` | `oklch(63.70% 0.1397 120.55)` | Snakes in the Grass | black, 6.3 to 1 |
| 3 | `#8e8300` | `oklch(60.09% 0.1268 103.80)` | Fickle Pickle | black, 5.3 to 1 |
| 4 | `#936d00` | `oklch(55.77% 0.1145 83.83)` | Honey Yellow Green | white, 4.7 to 1 |
| 5 | `#955400` | `oklch(51.19% 0.1180 61.84)` | Mochaccino | white, 5.9 to 1 |
| 6 | `#923b1d` | `oklch(46.80% 0.1255 39.06)` | Citrine Brown | white, 7.2 to 1 |
| 7 | `#852d38` | `oklch(43.06% 0.1206 16.57)` | Blood Oath | white, 8.6 to 1 |
| 8 | `#76284b` | `oklch(40.40% 0.1151 355.60)` | Palace Red | white, 9.6 to 1 |
| 9 | `#692b5a` | `oklch(39.29% 0.1089 337.21)` | Velvet Mauve | white, 10 to 1 |
| 10 | `#5d336a` | `oklch(39.84% 0.1006 318.34)` | Lounge Violet | white, 9.7 to 1 |
| 11 | `#534076` | `oklch(41.68% 0.0902 298.22)` | Raw Amethyst | white, 8.8 to 1 |
| 12 | `#4a4f7f` | `oklch(44.42% 0.0788 278.15)` | Roman Violet | white, 7.7 to 1 |
| 13 | `#465d83` | `oklch(47.65% 0.0675 259.44)` | Climate Control | white, 6.6 to 1 |
| 14 | `#496a85` | `oklch(50.96% 0.0573 243.38)` | Wedgewood | white, 5.7 to 1 |
| 15 | `#517486` | `oklch(53.96% 0.0494 231.28)` | San Miguel Blue | white, 5 to 1 |
| 16 | `#587b89` | `oklch(56.23% 0.0448 224.45)` | Rocky Hill | black, 4.6 to 1 |
| 17 | `#5c7f8c` | `oklch(57.41% 0.0446 224.19)` | La Pineta | black, 4.8 to 1 |
| 18 | `#5b7f91` | `oklch(57.53% 0.0495 230.94)` | Whale Shark | black, 4.8 to 1 |
| 19 | `#597b97` | `oklch(56.94% 0.0583 243.42)` | Cropper Blue | black, 4.7 to 1 |
| 20 | `#5c759e` | `oklch(55.97% 0.0695 260.15)` | Montreux Blue | white, 4.6 to 1 |
| 21 | `#686ca1` | `oklch(54.94% 0.0820 279.67)` | Dusted Peri | white, 4.9 to 1 |
| 22 | `#78629e` | `oklch(54.19% 0.0942 300.50)` | Purple Paradise | white, 5.2 to 1 |
| 23 | `#8a5994` | `oklch(54.05% 0.1048 321.17)` | Purple Squid | white, 5.3 to 1 |
| 24 | `#9c5585` | `oklch(54.85% 0.1124 340.22)` | Feminism | white, 5.1 to 1 |
| 25 | `#ac5778` | `oklch(56.92% 0.1164 357.30)` | Indian Pink | white, 4.7 to 1 |
| 26 | `#bd6169` | `oklch(60.26% 0.1184 15.82)` | Terra Rosa | black, 5 to 1 |
| 27 | `#cb715a` | `oklch(64.52% 0.1189 35.36)` | Japonica | black, 6 to 1 |
| 28 | `#d48750` | `oklch(69.33% 0.1181 55.04)` | Flaming Torch | black, 7.4 to 1 |
| 29 | `#d7a051` | `oklch(74.30% 0.1162 73.96)` | Angel Food Cake | black, 9 to 1 |
| 30 | `#d6b860` | `oklch(79.07% 0.1133 91.26)` | Luxurious | black, 10.8 to 1 |
| 31 | `#d1cd76` | `oklch(83.26% 0.1097 106.02)` | March Tulip Green | black, 12.7 to 1 |
| 32 | `#cddc8b` | `oklch(86.51% 0.1056 117.37)` | Lime Splash | black, 14.2 to 1 |
| 33 | `#cbe69c` | `oklch(88.67% 0.1004 124.61)` | Crystal Apple | black, 15.2 to 1 |
| 34 | `#cceba8` | `oklch(90.17% 0.0932 128.17)` | Crystal Apple | black, 16 to 1 |
| 35 | `#d0edb1` | `oklch(91.13% 0.0847 128.90)` | Imbued With Mint | black, 16.4 to 1 |
| 36 | `#d5eeb8` | `oklch(91.69% 0.0754 127.61)` | Chicon | black, 16.7 to 1 |
| 37 | `#daedbd` | `oklch(91.98% 0.0662 125.17)` | Mellow Mint | black, 16.8 to 1 |
| 38 | `#deecc2` | `oklch(92.13% 0.0577 122.38)` | Greenette | black, 16.8 to 1 |
| 39 | `#e1ebc6` | `oklch(92.27% 0.0505 120.10)` | Green Eggs | black, 16.8 to 1 |
| 40 | `#e2ebca` | `oklch(92.52% 0.0455 119.15)` | Honeydew Melon | black, 17 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #6fa442 0.0%, #809722 2.6%, #8e8300 5.1%, #936d00 7.7%, #955400 10.3%, #923b1d 12.8%, #852d38 15.4%, #76284b 17.9%, #692b5a 20.5%, #5d336a 23.1%, #534076 25.6%, #4a4f7f 28.2%, #465d83 30.8%, #496a85 33.3%, #517486 35.9%, #587b89 38.5%, #5c7f8c 41.0%, #5b7f91 43.6%, #597b97 46.2%, #5c759e 48.7%, #686ca1 51.3%, #78629e 53.8%, #8a5994 56.4%, #9c5585 59.0%, #ac5778 61.5%, #bd6169 64.1%, #cb715a 66.7%, #d48750 69.2%, #d7a051 71.8%, #d6b860 74.4%, #d1cd76 76.9%, #cddc8b 79.5%, #cbe69c 82.1%, #cceba8 84.6%, #d0edb1 87.2%, #d5eeb8 89.7%, #daedbd 92.3%, #deecc2 94.9%, #e1ebc6 97.4%, #e2ebca 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(66.14% 0.1419 132.89) 0.0%, oklch(63.70% 0.1397 120.55) 2.6%, oklch(60.09% 0.1268 103.80) 5.1%, oklch(55.77% 0.1145 83.83) 7.7%, oklch(51.19% 0.1180 61.84) 10.3%, oklch(46.80% 0.1255 39.06) 12.8%, oklch(43.06% 0.1206 16.57) 15.4%, oklch(40.40% 0.1151 355.60) 17.9%, oklch(39.29% 0.1089 337.21) 20.5%, oklch(39.84% 0.1006 318.34) 23.1%, oklch(41.68% 0.0902 298.22) 25.6%, oklch(44.42% 0.0788 278.15) 28.2%, oklch(47.65% 0.0675 259.44) 30.8%, oklch(50.96% 0.0573 243.38) 33.3%, oklch(53.96% 0.0494 231.28) 35.9%, oklch(56.23% 0.0448 224.45) 38.5%, oklch(57.41% 0.0446 224.19) 41.0%, oklch(57.53% 0.0495 230.94) 43.6%, oklch(56.94% 0.0583 243.42) 46.2%, oklch(55.97% 0.0695 260.15) 48.7%, oklch(54.94% 0.0820 279.67) 51.3%, oklch(54.19% 0.0942 300.50) 53.8%, oklch(54.05% 0.1048 321.17) 56.4%, oklch(54.85% 0.1124 340.22) 59.0%, oklch(56.92% 0.1164 357.30) 61.5%, oklch(60.26% 0.1184 15.82) 64.1%, oklch(64.52% 0.1189 35.36) 66.7%, oklch(69.33% 0.1181 55.04) 69.2%, oklch(74.30% 0.1162 73.96) 71.8%, oklch(79.07% 0.1133 91.26) 74.4%, oklch(83.26% 0.1097 106.02) 76.9%, oklch(86.51% 0.1056 117.37) 79.5%, oklch(88.67% 0.1004 124.61) 82.1%, oklch(90.17% 0.0932 128.17) 84.6%, oklch(91.13% 0.0847 128.90) 87.2%, oklch(91.69% 0.0754 127.61) 89.7%, oklch(91.98% 0.0662 125.17) 92.3%, oklch(92.13% 0.0577 122.38) 94.9%, oklch(92.27% 0.0505 120.10) 97.4%, oklch(92.52% 0.0455 119.15) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.661 | 0.142 | 132.9 |
| 2 | 0.394 | 0.11 | -19.3 |
| 3 | 0.571 | 0.044 | -136.6 |
| 4 | 0.555 | 0.114 | -12.9 |
| 5 | 0.87 | 0.105 | 119.2 |
| 6 | 0.925 | 0.045 | 119.2 |

## Other forms

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