# Green, teal, blue and purple radial gradient

Green, teal, blue and purple radial gradient with 40 colors: #637744, #657c4b, #6a8555, #708f61, #779a6f, #7ea67d, #84b18c, #88ba99, #8ac1a5, #88c3ae, #83c1b3, #79b8b4, #6eaab1, #6598aa, #5e839d, #586d8c, #515a7a, #4a4968, #423b59, #3c334f, #38304c, #33314e, #2e3753, #263f58, #1e4a5a, #1e5558, #295e53, #3a664e, #4a6d4a, #537249, #52774c, #487d55, #2f8366, #00867e, #008596, #0282b3, #467ac4, #6b70ca, #8567c6, #9662c0. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWiThaYZjFyqSTnCGqzyzXUA`
- Page: https://grabient.com/kWiThaYZjFyqSTnCGqzyzXUA?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: dark center, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 6.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 | `#637744` | `oklch(53.94% 0.0772 126.56)` | Ghoul | white, 4.9 to 1 |
| 2 | `#657c4b` | `oklch(55.65% 0.0766 129.26)` | Mint Leaves | white, 4.6 to 1 |
| 3 | `#6a8555` | `oklch(58.25% 0.0760 132.31)` | Tee Off | black, 5 to 1 |
| 4 | `#708f61` | `oklch(61.45% 0.0752 135.79)` | Four Leaf Clover | black, 5.8 to 1 |
| 5 | `#779a6f` | `oklch(64.96% 0.0743 139.78)` | Money | black, 6.6 to 1 |
| 6 | `#7ea67d` | `oklch(68.49% 0.0733 144.34)` | Greyish Green | black, 7.6 to 1 |
| 7 | `#84b18c` | `oklch(71.77% 0.0723 149.56)` | Shaded Willow | black, 8.6 to 1 |
| 8 | `#88ba99` | `oklch(74.49% 0.0711 155.50)` | Grand Gusto | black, 9.5 to 1 |
| 9 | `#8ac1a5` | `oklch(76.37% 0.0699 162.25)` | Lark Green | black, 10.2 to 1 |
| 10 | `#88c3ae` | `oklch(77.12% 0.0686 169.88)` | Hellion Green | black, 10.4 to 1 |
| 11 | `#83c1b3` | `oklch(76.45% 0.0671 178.58)` | Seaborn | black, 10.2 to 1 |
| 12 | `#79b8b4` | `oklch(74.00% 0.0653 190.42)` | Kingfisher Turquoise | black, 9.3 to 1 |
| 13 | `#6eaab1` | `oklch(70.03% 0.0631 205.34)` | Summer Sea | black, 8 to 1 |
| 14 | `#6598aa` | `oklch(64.95% 0.0606 222.18)` | Cloudy Sea | black, 6.6 to 1 |
| 15 | `#5e839d` | `oklch(59.17% 0.0581 239.78)` | Honest Blue | black, 5.1 to 1 |
| 16 | `#586d8c` | `oklch(53.11% 0.0556 257.00)` | Kashmir Blue | white, 5.2 to 1 |
| 17 | `#515a7a` | `oklch(47.18% 0.0533 272.68)` | Blue Indigo | white, 6.8 to 1 |
| 18 | `#4a4968` | `oklch(41.80% 0.0515 285.68)` | Royal Hyacinth | white, 8.6 to 1 |
| 19 | `#423b59` | `oklch(37.39% 0.0502 294.82)` | Purple Velvet | white, 10.4 to 1 |
| 20 | `#3c334f` | `oklch(34.34% 0.0496 298.97)` | Maharaja | white, 11.7 to 1 |
| 21 | `#38304c` | `oklch(33.00% 0.0498 296.70)` | Sanctum of Shadows | white, 12.4 to 1 |
| 22 | `#33314e` | `oklch(33.02% 0.0504 286.39)` | Astral Aura | white, 12.3 to 1 |
| 23 | `#2e3753` | `oklch(34.11% 0.0514 269.62)` | Mediaeval Blue | white, 11.7 to 1 |
| 24 | `#263f58` | `oklch(36.02% 0.0529 248.38)` | Salty Dog | white, 10.8 to 1 |
| 25 | `#1e4a5a` | `oklch(38.52% 0.0547 224.66)` | Ethereal Dance | white, 9.6 to 1 |
| 26 | `#1e5558` | `oklch(41.38% 0.0571 200.44)` | Ramsons | white, 8.4 to 1 |
| 27 | `#295e53` | `oklch(44.36% 0.0599 177.72)` | Old Money | white, 7.4 to 1 |
| 28 | `#3a664e` | `oklch(47.21% 0.0633 158.47)` | Poker Green | white, 6.5 to 1 |
| 29 | `#4a6d4a` | `oklch(49.71% 0.0672 144.69)` | Jungle Adventure | white, 5.8 to 1 |
| 30 | `#537249` | `oklch(51.61% 0.0718 138.37)` | Irish Clover | white, 5.4 to 1 |
| 31 | `#52774c` | `oklch(52.91% 0.0773 140.90)` | Torrey Pine | white, 5.1 to 1 |
| 32 | `#487d55` | `oklch(54.02% 0.0843 150.99)` | Melbourne | white, 4.8 to 1 |
| 33 | `#2f8366` | `oklch(55.00% 0.0924 166.99)` | Accent Green Blue | white, 4.6 to 1 |
| 34 | `#00867e` | `oklch(55.85% 0.0974 187.28)` | Ornamental Turquoise | black, 4.7 to 1 |
| 35 | `#008596` | `oklch(56.59% 0.0979 210.25)` | Painted Sea | black, 4.8 to 1 |
| 36 | `#0282b3` | `oklch(57.22% 0.1197 234.25)` | Lucario Blue | black, 4.8 to 1 |
| 37 | `#467ac4` | `oklch(57.77% 0.1284 257.68)` | Celestial Plum | black, 4.8 to 1 |
| 38 | `#6b70ca` | `oklch(58.25% 0.1361 278.92)` | C64 Purple | black, 4.7 to 1 |
| 39 | `#8567c6` | `oklch(58.67% 0.1426 296.34)` | Lavish Spending | black, 4.7 to 1 |
| 40 | `#9662c0` | `oklch(59.06% 0.1474 308.32)` | Trunks Hair | black, 4.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #637744 0.0%, #657c4b 2.6%, #6a8555 5.1%, #708f61 7.7%, #779a6f 10.3%, #7ea67d 12.8%, #84b18c 15.4%, #88ba99 17.9%, #8ac1a5 20.5%, #88c3ae 23.1%, #83c1b3 25.6%, #79b8b4 28.2%, #6eaab1 30.8%, #6598aa 33.3%, #5e839d 35.9%, #586d8c 38.5%, #515a7a 41.0%, #4a4968 43.6%, #423b59 46.2%, #3c334f 48.7%, #38304c 51.3%, #33314e 53.8%, #2e3753 56.4%, #263f58 59.0%, #1e4a5a 61.5%, #1e5558 64.1%, #295e53 66.7%, #3a664e 69.2%, #4a6d4a 71.8%, #537249 74.4%, #52774c 76.9%, #487d55 79.5%, #2f8366 82.1%, #00867e 84.6%, #008596 87.2%, #0282b3 89.7%, #467ac4 92.3%, #6b70ca 94.9%, #8567c6 97.4%, #9662c0 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(53.94% 0.0772 126.56) 0.0%, oklch(55.65% 0.0766 129.26) 2.6%, oklch(58.25% 0.0760 132.31) 5.1%, oklch(61.45% 0.0752 135.79) 7.7%, oklch(64.96% 0.0743 139.78) 10.3%, oklch(68.49% 0.0733 144.34) 12.8%, oklch(71.77% 0.0723 149.56) 15.4%, oklch(74.49% 0.0711 155.50) 17.9%, oklch(76.37% 0.0699 162.25) 20.5%, oklch(77.12% 0.0686 169.88) 23.1%, oklch(76.45% 0.0671 178.58) 25.6%, oklch(74.00% 0.0653 190.42) 28.2%, oklch(70.03% 0.0631 205.34) 30.8%, oklch(64.95% 0.0606 222.18) 33.3%, oklch(59.17% 0.0581 239.78) 35.9%, oklch(53.11% 0.0556 257.00) 38.5%, oklch(47.18% 0.0533 272.68) 41.0%, oklch(41.80% 0.0515 285.68) 43.6%, oklch(37.39% 0.0502 294.82) 46.2%, oklch(34.34% 0.0496 298.97) 48.7%, oklch(33.00% 0.0498 296.70) 51.3%, oklch(33.02% 0.0504 286.39) 53.8%, oklch(34.11% 0.0514 269.62) 56.4%, oklch(36.02% 0.0529 248.38) 59.0%, oklch(38.52% 0.0547 224.66) 61.5%, oklch(41.38% 0.0571 200.44) 64.1%, oklch(44.36% 0.0599 177.72) 66.7%, oklch(47.21% 0.0633 158.47) 69.2%, oklch(49.71% 0.0672 144.69) 71.8%, oklch(51.61% 0.0718 138.37) 74.4%, oklch(52.91% 0.0773 140.90) 76.9%, oklch(54.02% 0.0843 150.99) 79.5%, oklch(55.00% 0.0924 166.99) 82.1%, oklch(55.85% 0.0974 187.28) 84.6%, oklch(56.59% 0.0979 210.25) 87.2%, oklch(57.22% 0.1197 234.25) 89.7%, oklch(57.77% 0.1284 257.68) 92.3%, oklch(58.25% 0.1361 278.92) 94.9%, oklch(58.67% 0.1426 296.34) 97.4%, oklch(59.06% 0.1474 308.32) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.539 | 0.077 | 126.6 |
| 2 | 0.768 | 0.068 | 176.2 |
| 3 | 0.335 | 0.05 | 298.8 |
| 4 | 0.52 | 0.073 | 138.2 |
| 5 | 0.591 | 0.147 | 308.3 |

## Other forms

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