# Sky cream hop rings

Green, tan, light blue and brown radial gradient with 64 colors: #86a847, #8aa948, #8faa49, #95ab4a, #9cac4b, #a3ad4d, #aaae50, #b2b053, #b9b157, #c1b35c, #c8b561, #ceb767, #d4b96d, #d9bb73, #debd79, #e2c07f, #e6c285, #e8c48a, #eac78e, #ecc992, #eccb95, #eccd98, #eacf9a, #e7d29c, #e4d49e, #dfd7a1, #dadaa5, #d4ddaa, #cddfaf, #c6e1b5, #bfe3bc, #b8e4c3, #b2e4ca, #ade4d0, #aae3d6, #a7e2db, #a5e0df, #a3dee2, #a2dbe4, #a0d8e4, #9ed5e3, #9cd2e2, #98cfdf, #94ccda, #8ec8d4, #87c4cd, #80c0c3, #79bbb8, #73b5ac, #6faf9e, #6da88e, #6da17e, #6f986d, #72905c, #77864c, #7b7c3d, #7e7230, #816825, #835f1d, #835619, #834e19, #82471b, #80411e, #7e3c20. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Green, tan, light blue and brown radial gradient
- Seed: `kUrl9Z7Zw6uiWT-3pKtA`
- Page: https://grabient.com/kUrl9Z7Zw6uiWT-3pKtA?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: light center, pastel
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5.8 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 | `#86a847` | `oklch(68.50% 0.1309 125.86)` | Lime It or Leave It | black, 7.6 to 1 |
| 2 | `#8aa948` | `oklch(68.99% 0.1295 124.51)` | Lime It or Leave It | black, 7.8 to 1 |
| 3 | `#8faa49` | `oklch(69.59% 0.1277 122.63)` | Lime It or Leave It | black, 7.9 to 1 |
| 4 | `#95ab4a` | `oklch(70.29% 0.1257 120.28)` | Persian Belt | black, 8.1 to 1 |
| 5 | `#9cac4b` | `oklch(71.09% 0.1235 117.54)` | Persian Belt | black, 8.3 to 1 |
| 6 | `#a3ad4d` | `oklch(71.97% 0.1210 114.48)` | Intoxication | black, 8.6 to 1 |
| 7 | `#aaae50` | `oklch(72.91% 0.1184 111.18)` | Spinach Banana Smoothie | black, 8.9 to 1 |
| 8 | `#b2b053` | `oklch(73.90% 0.1156 107.70)` | Green Oasis | black, 9.2 to 1 |
| 9 | `#b9b157` | `oklch(74.93% 0.1127 104.12)` | Hemp Tea | black, 9.5 to 1 |
| 10 | `#c1b35c` | `oklch(75.99% 0.1097 100.52)` | Tarpon Green | black, 9.8 to 1 |
| 11 | `#c8b561` | `oklch(77.07% 0.1066 96.95)` | Vegas Gold | black, 10.2 to 1 |
| 12 | `#ceb767` | `oklch(78.15% 0.1035 93.51)` | Trumpet | black, 10.5 to 1 |
| 13 | `#d4b96d` | `oklch(79.21% 0.1004 90.26)` | Sweet Mustard | black, 10.9 to 1 |
| 14 | `#d9bb73` | `oklch(80.26% 0.0973 87.26)` | Brass Nail | black, 11.3 to 1 |
| 15 | `#debd79` | `oklch(81.26% 0.0943 84.61)` | Tahini | black, 11.6 to 1 |
| 16 | `#e2c07f` | `oklch(82.22% 0.0914 82.36)` | Chalky | black, 12 to 1 |
| 17 | `#e6c285` | `oklch(83.12% 0.0886 80.59)` | New Orleans | black, 12.4 to 1 |
| 18 | `#e8c48a` | `oklch(83.94% 0.0859 79.37)` | Norman Shaw Goldspar | black, 12.7 to 1 |
| 19 | `#eac78e` | `oklch(84.67% 0.0834 78.78)` | Norman Shaw Goldspar | black, 13 to 1 |
| 20 | `#ecc992` | `oklch(85.30% 0.0811 78.88)` | Pumpkin Pie Oh My! | black, 13.3 to 1 |
| 21 | `#eccb95` | `oklch(85.83% 0.0790 79.76)` | Oktoberfest | black, 13.5 to 1 |
| 22 | `#eccd98` | `oklch(86.22% 0.0772 81.48)` | Knightley Straw | black, 13.7 to 1 |
| 23 | `#eacf9a` | `oklch(86.54% 0.0755 84.37)` | Chamois | black, 13.9 to 1 |
| 24 | `#e7d29c` | `oklch(86.83% 0.0739 88.63)` | Italian Straw | black, 14 to 1 |
| 25 | `#e4d49e` | `oklch(87.10% 0.0724 94.08)` | Twinkle Toes | black, 14.2 to 1 |
| 26 | `#dfd7a1` | `oklch(87.33% 0.0709 100.58)` | Buckwheat Groats | black, 14.4 to 1 |
| 27 | `#dadaa5` | `oklch(87.53% 0.0694 107.95)` | Burgundy Grey | black, 14.5 to 1 |
| 28 | `#d4ddaa` | `oklch(87.68% 0.0681 116.06)` | Willow Wind | black, 14.6 to 1 |
| 29 | `#cddfaf` | `oklch(87.80% 0.0668 124.72)` | Rockmelon Rind | black, 14.7 to 1 |
| 30 | `#c6e1b5` | `oklch(87.86% 0.0656 133.80)` | Satin Green | black, 14.8 to 1 |
| 31 | `#bfe3bc` | `oklch(87.87% 0.0645 143.12)` | Sweet Menthol | black, 14.8 to 1 |
| 32 | `#b8e4c3` | `oklch(87.82% 0.0635 152.54)` | Lattice Work | black, 14.8 to 1 |
| 33 | `#b2e4ca` | `oklch(87.71% 0.0626 161.89)` | Coastal Foam | black, 14.8 to 1 |
| 34 | `#ade4d0` | `oklch(87.53% 0.0618 171.01)` | Crystal Rapids | black, 14.7 to 1 |
| 35 | `#aae3d6` | `oklch(87.28% 0.0611 179.74)` | Capri Water Blue | black, 14.6 to 1 |
| 36 | `#a7e2db` | `oklch(86.96% 0.0606 187.93)` | Spinnaker | black, 14.4 to 1 |
| 37 | `#a5e0df` | `oklch(86.56% 0.0602 195.42)` | Spinnaker | black, 14.2 to 1 |
| 38 | `#a3dee2` | `oklch(86.08% 0.0599 202.05)` | Geyser Pool | black, 14 to 1 |
| 39 | `#a2dbe4` | `oklch(85.51% 0.0597 207.66)` | Light Bluish Water | black, 13.7 to 1 |
| 40 | `#a0d8e4` | `oklch(84.85% 0.0597 212.09)` | Nevada Sky | black, 13.4 to 1 |
| 41 | `#9ed5e3` | `oklch(84.10% 0.0598 215.19)` | Ocean Cruise | black, 13.1 to 1 |
| 42 | `#9cd2e2` | `oklch(83.24% 0.0602 216.79)` | Light Delphin | black, 12.7 to 1 |
| 43 | `#98cfdf` | `oklch(82.28% 0.0606 216.74)` | Washed Blue | black, 12.3 to 1 |
| 44 | `#94ccda` | `oklch(81.15% 0.0614 214.94)` | Blue Stream | black, 11.9 to 1 |
| 45 | `#8ec8d4` | `oklch(79.80% 0.0624 211.49)` | Maiden Voyage | black, 11.4 to 1 |
| 46 | `#87c4cd` | `oklch(78.25% 0.0637 206.55)` | Angel Blue | black, 10.8 to 1 |
| 47 | `#80c0c3` | `oklch(76.53% 0.0653 200.29)` | Celestine | black, 10.2 to 1 |
| 48 | `#79bbb8` | `oklch(74.66% 0.0671 192.86)` | Polished Aqua | black, 9.5 to 1 |
| 49 | `#73b5ac` | `oklch(72.66% 0.0691 184.41)` | Intracoastal | black, 8.9 to 1 |
| 50 | `#6faf9e` | `oklch(70.56% 0.0712 175.10)` | Dusty Jade Green | black, 8.2 to 1 |
| 51 | `#6da88e` | `oklch(68.38% 0.0735 165.08)` | Peacock Silk | black, 7.6 to 1 |
| 52 | `#6da17e` | `oklch(66.15% 0.0759 154.53)` | Sea Lettuce | black, 7 to 1 |
| 53 | `#6f986d` | `oklch(63.88% 0.0783 143.58)` | Rosemary Green | black, 6.4 to 1 |
| 54 | `#72905c` | `oklch(61.61% 0.0808 132.40)` | Four Leaf Clover | black, 5.8 to 1 |
| 55 | `#77864c` | `oklch(59.35% 0.0833 121.15)` | Green Suede | black, 5.2 to 1 |
| 56 | `#7b7c3d` | `oklch(57.14% 0.0857 109.98)` | Evening Green | black, 4.8 to 1 |
| 57 | `#7e7230` | `oklch(54.99% 0.0881 99.05)` | Spanish Bistre | white, 4.8 to 1 |
| 58 | `#816825` | `oklch(52.92% 0.0904 88.51)` | Yukon Gold | white, 5.3 to 1 |
| 59 | `#835f1d` | `oklch(50.97% 0.0926 78.53)` | Kumera | white, 5.8 to 1 |
| 60 | `#835619` | `oklch(49.15% 0.0946 69.25)` | Caffeinated Cinnamon | white, 6.3 to 1 |
| 61 | `#834e19` | `oklch(47.49% 0.0965 60.84)` | Milk Chocolate | white, 6.8 to 1 |
| 62 | `#82471b` | `oklch(46.01% 0.0981 53.46)` | Russet | white, 7.3 to 1 |
| 63 | `#80411e` | `oklch(44.74% 0.0995 47.25)` | Russet | white, 7.8 to 1 |
| 64 | `#7e3c20` | `oklch(43.70% 0.1006 42.38)` | Kara Cha Brown | white, 8.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #86a847 0.0%, #8aa948 1.6%, #8faa49 3.2%, #95ab4a 4.8%, #9cac4b 6.3%, #a3ad4d 7.9%, #aaae50 9.5%, #b2b053 11.1%, #b9b157 12.7%, #c1b35c 14.3%, #c8b561 15.9%, #ceb767 17.5%, #d4b96d 19.0%, #d9bb73 20.6%, #debd79 22.2%, #e2c07f 23.8%, #e6c285 25.4%, #e8c48a 27.0%, #eac78e 28.6%, #ecc992 30.2%, #eccb95 31.7%, #eccd98 33.3%, #eacf9a 34.9%, #e7d29c 36.5%, #e4d49e 38.1%, #dfd7a1 39.7%, #dadaa5 41.3%, #d4ddaa 42.9%, #cddfaf 44.4%, #c6e1b5 46.0%, #bfe3bc 47.6%, #b8e4c3 49.2%, #b2e4ca 50.8%, #ade4d0 52.4%, #aae3d6 54.0%, #a7e2db 55.6%, #a5e0df 57.1%, #a3dee2 58.7%, #a2dbe4 60.3%, #a0d8e4 61.9%, #9ed5e3 63.5%, #9cd2e2 65.1%, #98cfdf 66.7%, #94ccda 68.3%, #8ec8d4 69.8%, #87c4cd 71.4%, #80c0c3 73.0%, #79bbb8 74.6%, #73b5ac 76.2%, #6faf9e 77.8%, #6da88e 79.4%, #6da17e 81.0%, #6f986d 82.5%, #72905c 84.1%, #77864c 85.7%, #7b7c3d 87.3%, #7e7230 88.9%, #816825 90.5%, #835f1d 92.1%, #835619 93.7%, #834e19 95.2%, #82471b 96.8%, #80411e 98.4%, #7e3c20 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(68.50% 0.1309 125.86) 0.0%, oklch(68.99% 0.1295 124.51) 1.6%, oklch(69.59% 0.1277 122.63) 3.2%, oklch(70.29% 0.1257 120.28) 4.8%, oklch(71.09% 0.1235 117.54) 6.3%, oklch(71.97% 0.1210 114.48) 7.9%, oklch(72.91% 0.1184 111.18) 9.5%, oklch(73.90% 0.1156 107.70) 11.1%, oklch(74.93% 0.1127 104.12) 12.7%, oklch(75.99% 0.1097 100.52) 14.3%, oklch(77.07% 0.1066 96.95) 15.9%, oklch(78.15% 0.1035 93.51) 17.5%, oklch(79.21% 0.1004 90.26) 19.0%, oklch(80.26% 0.0973 87.26) 20.6%, oklch(81.26% 0.0943 84.61) 22.2%, oklch(82.22% 0.0914 82.36) 23.8%, oklch(83.12% 0.0886 80.59) 25.4%, oklch(83.94% 0.0859 79.37) 27.0%, oklch(84.67% 0.0834 78.78) 28.6%, oklch(85.30% 0.0811 78.88) 30.2%, oklch(85.83% 0.0790 79.76) 31.7%, oklch(86.22% 0.0772 81.48) 33.3%, oklch(86.54% 0.0755 84.37) 34.9%, oklch(86.83% 0.0739 88.63) 36.5%, oklch(87.10% 0.0724 94.08) 38.1%, oklch(87.33% 0.0709 100.58) 39.7%, oklch(87.53% 0.0694 107.95) 41.3%, oklch(87.68% 0.0681 116.06) 42.9%, oklch(87.80% 0.0668 124.72) 44.4%, oklch(87.86% 0.0656 133.80) 46.0%, oklch(87.87% 0.0645 143.12) 47.6%, oklch(87.82% 0.0635 152.54) 49.2%, oklch(87.71% 0.0626 161.89) 50.8%, oklch(87.53% 0.0618 171.01) 52.4%, oklch(87.28% 0.0611 179.74) 54.0%, oklch(86.96% 0.0606 187.93) 55.6%, oklch(86.56% 0.0602 195.42) 57.1%, oklch(86.08% 0.0599 202.05) 58.7%, oklch(85.51% 0.0597 207.66) 60.3%, oklch(84.85% 0.0597 212.09) 61.9%, oklch(84.10% 0.0598 215.19) 63.5%, oklch(83.24% 0.0602 216.79) 65.1%, oklch(82.28% 0.0606 216.74) 66.7%, oklch(81.15% 0.0614 214.94) 68.3%, oklch(79.80% 0.0624 211.49) 69.8%, oklch(78.25% 0.0637 206.55) 71.4%, oklch(76.53% 0.0653 200.29) 73.0%, oklch(74.66% 0.0671 192.86) 74.6%, oklch(72.66% 0.0691 184.41) 76.2%, oklch(70.56% 0.0712 175.10) 77.8%, oklch(68.38% 0.0735 165.08) 79.4%, oklch(66.15% 0.0759 154.53) 81.0%, oklch(63.88% 0.0783 143.58) 82.5%, oklch(61.61% 0.0808 132.40) 84.1%, oklch(59.35% 0.0833 121.15) 85.7%, oklch(57.14% 0.0857 109.98) 87.3%, oklch(54.99% 0.0881 99.05) 88.9%, oklch(52.92% 0.0904 88.51) 90.5%, oklch(50.97% 0.0926 78.53) 92.1%, oklch(49.15% 0.0946 69.25) 93.7%, oklch(47.49% 0.0965 60.84) 95.2%, oklch(46.01% 0.0981 53.46) 96.8%, oklch(44.74% 0.0995 47.25) 98.4%, oklch(43.70% 0.1006 42.38) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.685 | 0.131 | 125.9 |
| 2 | 0.862 | 0.077 | 81.5 |
| 3 | 0.823 | 0.061 | 216.7 |
| 4 | 0.437 | 0.101 | 42.4 |

## In these collections

- [Oktoberfest](https://grabient.com/oktoberfest)

## Other forms

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