# Green, blue, teal and tan radial gradient

Green, blue, teal and tan radial gradient with 48 colors: #bacc85, #acca88, #97c78e, #80c297, #69bba1, #56b2a9, #4da8af, #4b9db1, #4b93af, #4b8cab, #4787a6, #3f839e, #358193, #2c7f86, #2a7c78, #327a68, #3d775a, #49754f, #537448, #5a7546, #5f7b4b, #648455, #699063, #6d9d74, #70ab85, #75b796, #79c1a3, #7dc7ab, #82c8aa, #86c29f, #89b58a, #8ca373, #8b8d5d, #86764d, #7c6243, #70513e, #65453a, #5e3e39, #5e3c3a, #64403e, #704842, #805347, #91624c, #a37350, #b38554, #bf9759, #c7a65e, #ccb163. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYz0ZVzJ3NMMcNFinkOMhEvWGlx8`
- Page: https://grabient.com/kYz0ZVzJ3NMMcNFinkOMhEvWGlx8?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 5.5 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 | `#bacc85` | `oklch(81.50% 0.0965 120.23)` | Nurgling Green | black, 12 to 1 |
| 2 | `#acca88` | `oklch(80.07% 0.0954 128.46)` | Venerable Verde | black, 11.5 to 1 |
| 3 | `#97c78e` | `oklch(78.13% 0.0940 140.43)` | Kettle Drum | black, 10.8 to 1 |
| 4 | `#80c297` | `oklch(75.81% 0.0924 154.99)` | Willow Hedge | black, 10 to 1 |
| 5 | `#69bba1` | `oklch(73.23% 0.0905 170.97)` | Mint Cold Green | black, 9.2 to 1 |
| 6 | `#56b2a9` | `oklch(70.51% 0.0885 187.22)` | Emerald Wave | black, 8.3 to 1 |
| 7 | `#4da8af` | `oklch(67.80% 0.0866 202.55)` | Gone Fishing | black, 7.4 to 1 |
| 8 | `#4b9db1` | `oklch(65.20% 0.0848 215.82)` | Starflower Blue | black, 6.7 to 1 |
| 9 | `#4b93af` | `oklch(62.86% 0.0831 225.85)` | Jet Ski | black, 6.1 to 1 |
| 10 | `#4b8cab` | `oklch(60.89% 0.0817 231.49)` | Blue Chaise | black, 5.6 to 1 |
| 11 | `#4787a6` | `oklch(59.31% 0.0807 231.61)` | Underwater Moonlight | black, 5.2 to 1 |
| 12 | `#3f839e` | `oklch(57.77% 0.0798 226.30)` | Dirty Blue | black, 4.9 to 1 |
| 13 | `#358193` | `oklch(56.28% 0.0791 216.72)` | Forget-Me-Not Blue | black, 4.6 to 1 |
| 14 | `#2c7f86` | `oklch(54.91% 0.0785 204.11)` | Sea Swimmer | white, 4.7 to 1 |
| 15 | `#2a7c78` | `oklch(53.72% 0.0780 189.69)` | Zirconia Teal | white, 4.9 to 1 |
| 16 | `#327a68` | `oklch(52.79% 0.0776 174.69)` | Census | white, 5.1 to 1 |
| 17 | `#3d775a` | `oklch(52.18% 0.0773 160.33)` | Scouring Rush | white, 5.2 to 1 |
| 18 | `#49754f` | `oklch(51.96% 0.0772 147.84)` | Killarney | white, 5.3 to 1 |
| 19 | `#537448` | `oklch(52.20% 0.0771 138.44)` | Artichoke Green | white, 5.2 to 1 |
| 20 | `#5a7546` | `oklch(52.97% 0.0772 133.35)` | Pineweed | white, 5.1 to 1 |
| 21 | `#5f7b4b` | `oklch(54.80% 0.0777 132.84)` | Mown Grass | white, 4.7 to 1 |
| 22 | `#648455` | `oklch(57.67% 0.0787 135.88)` | Kale | black, 4.9 to 1 |
| 23 | `#699063` | `oklch(61.22% 0.0799 141.40)` | English Ivy | black, 5.7 to 1 |
| 24 | `#6d9d74` | `oklch(65.11% 0.0813 148.30)` | Holiday Camp | black, 6.7 to 1 |
| 25 | `#70ab85` | `oklch(69.00% 0.0825 155.51)` | Green Goddess | black, 7.8 to 1 |
| 26 | `#75b796` | `oklch(72.55% 0.0835 161.93)` | Mountain Lake Green | black, 8.9 to 1 |
| 27 | `#79c1a3` | `oklch(75.40% 0.0840 166.49)` | Gem Silica | black, 9.9 to 1 |
| 28 | `#7dc7ab` | `oklch(77.22% 0.0839 168.10)` | Green Balloon | black, 10.5 to 1 |
| 29 | `#82c8aa` | `oklch(77.67% 0.0830 165.68)` | Aqua Eden | black, 10.7 to 1 |
| 30 | `#86c29f` | `oklch(76.30% 0.0808 158.07)` | Lark Green | black, 10.2 to 1 |
| 31 | `#89b58a` | `oklch(73.07% 0.0770 145.35)` | Chatty Cricket | black, 9 to 1 |
| 32 | `#8ca373` | `oklch(68.45% 0.0722 128.87)` | Succulent Greenhouse | black, 7.5 to 1 |
| 33 | `#8b8d5d` | `oklch(62.96% 0.0667 110.00)` | Woodland Walk | black, 6 to 1 |
| 34 | `#86764d` | `oklch(57.09% 0.0610 90.10)` | Olive Ochre | black, 4.7 to 1 |
| 35 | `#7c6243` | `oklch(51.34% 0.0557 70.54)` | Eastlake | white, 5.7 to 1 |
| 36 | `#70513e` | `oklch(46.21% 0.0512 52.69)` | Rookwood Medium Brown | white, 7.1 to 1 |
| 37 | `#65453a` | `oklch(42.20% 0.0480 37.91)` | Rocky Road | white, 8.5 to 1 |
| 38 | `#5e3e39` | `oklch(39.81% 0.0466 27.57)` | Hereford Bull | white, 9.4 to 1 |
| 39 | `#5e3c3a` | `oklch(39.52% 0.0475 22.92)` | Pa Red | white, 9.6 to 1 |
| 40 | `#64403e` | `oklch(41.22% 0.0508 23.44)` | Federation Brown | white, 8.9 to 1 |
| 41 | `#704842` | `oklch(44.48% 0.0561 28.02)` | Dressed to Impress | white, 7.8 to 1 |
| 42 | `#805347` | `oklch(48.89% 0.0628 35.67)` | Root Beer | white, 6.4 to 1 |
| 43 | `#91624c` | `oklch(54.05% 0.0705 45.40)` | Weathered Leather | white, 5.1 to 1 |
| 44 | `#a37350` | `oklch(59.55% 0.0785 56.22)` | Balthasar Gold | black, 5.1 to 1 |
| 45 | `#b38554` | `oklch(64.98% 0.0863 67.14)` | Gold Plated | black, 6.3 to 1 |
| 46 | `#bf9759` | `oklch(69.93% 0.0934 77.18)` | Townhouse Tan | black, 7.7 to 1 |
| 47 | `#c7a65e` | `oklch(74.00% 0.0993 85.34)` | Winter Pear Beige | black, 9 to 1 |
| 48 | `#ccb163` | `oklch(76.77% 0.1033 90.65)` | Canadian Maple | black, 10 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #bacc85 0.0%, #acca88 2.1%, #97c78e 4.3%, #80c297 6.4%, #69bba1 8.5%, #56b2a9 10.6%, #4da8af 12.8%, #4b9db1 14.9%, #4b93af 17.0%, #4b8cab 19.1%, #4787a6 21.3%, #3f839e 23.4%, #358193 25.5%, #2c7f86 27.7%, #2a7c78 29.8%, #327a68 31.9%, #3d775a 34.0%, #49754f 36.2%, #537448 38.3%, #5a7546 40.4%, #5f7b4b 42.6%, #648455 44.7%, #699063 46.8%, #6d9d74 48.9%, #70ab85 51.1%, #75b796 53.2%, #79c1a3 55.3%, #7dc7ab 57.4%, #82c8aa 59.6%, #86c29f 61.7%, #89b58a 63.8%, #8ca373 66.0%, #8b8d5d 68.1%, #86764d 70.2%, #7c6243 72.3%, #70513e 74.5%, #65453a 76.6%, #5e3e39 78.7%, #5e3c3a 80.9%, #64403e 83.0%, #704842 85.1%, #805347 87.2%, #91624c 89.4%, #a37350 91.5%, #b38554 93.6%, #bf9759 95.7%, #c7a65e 97.9%, #ccb163 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(81.50% 0.0965 120.23) 0.0%, oklch(80.07% 0.0954 128.46) 2.1%, oklch(78.13% 0.0940 140.43) 4.3%, oklch(75.81% 0.0924 154.99) 6.4%, oklch(73.23% 0.0905 170.97) 8.5%, oklch(70.51% 0.0885 187.22) 10.6%, oklch(67.80% 0.0866 202.55) 12.8%, oklch(65.20% 0.0848 215.82) 14.9%, oklch(62.86% 0.0831 225.85) 17.0%, oklch(60.89% 0.0817 231.49) 19.1%, oklch(59.31% 0.0807 231.61) 21.3%, oklch(57.77% 0.0798 226.30) 23.4%, oklch(56.28% 0.0791 216.72) 25.5%, oklch(54.91% 0.0785 204.11) 27.7%, oklch(53.72% 0.0780 189.69) 29.8%, oklch(52.79% 0.0776 174.69) 31.9%, oklch(52.18% 0.0773 160.33) 34.0%, oklch(51.96% 0.0772 147.84) 36.2%, oklch(52.20% 0.0771 138.44) 38.3%, oklch(52.97% 0.0772 133.35) 40.4%, oklch(54.80% 0.0777 132.84) 42.6%, oklch(57.67% 0.0787 135.88) 44.7%, oklch(61.22% 0.0799 141.40) 46.8%, oklch(65.11% 0.0813 148.30) 48.9%, oklch(69.00% 0.0825 155.51) 51.1%, oklch(72.55% 0.0835 161.93) 53.2%, oklch(75.40% 0.0840 166.49) 55.3%, oklch(77.22% 0.0839 168.10) 57.4%, oklch(77.67% 0.0830 165.68) 59.6%, oklch(76.30% 0.0808 158.07) 61.7%, oklch(73.07% 0.0770 145.35) 63.8%, oklch(68.45% 0.0722 128.87) 66.0%, oklch(62.96% 0.0667 110.00) 68.1%, oklch(57.09% 0.0610 90.10) 70.2%, oklch(51.34% 0.0557 70.54) 72.3%, oklch(46.21% 0.0512 52.69) 74.5%, oklch(42.20% 0.0480 37.91) 76.6%, oklch(39.81% 0.0466 27.57) 78.7%, oklch(39.52% 0.0475 22.92) 80.9%, oklch(41.22% 0.0508 23.44) 83.0%, oklch(44.48% 0.0561 28.02) 85.1%, oklch(48.89% 0.0628 35.67) 87.2%, oklch(54.05% 0.0705 45.40) 89.4%, oklch(59.55% 0.0785 56.22) 91.5%, oklch(64.98% 0.0863 67.14) 93.6%, oklch(69.93% 0.0934 77.18) 95.7%, oklch(74.00% 0.0993 85.34) 97.9%, oklch(76.77% 0.1033 90.65) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.815 | 0.096 | 120.2 |
| 2 | 0.602 | 0.081 | 232.3 |
| 3 | 0.528 | 0.077 | 134 |
| 4 | 0.776 | 0.083 | 164.6 |
| 5 | 0.394 | 0.047 | 24.1 |
| 6 | 0.768 | 0.103 | 90.6 |

## Other forms

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