# Olive, green, teal and gray radial gradient

Olive, green, teal and gray radial gradient with 64 colors: #8c8b6a, #8b8b67, #8a8a64, #898a60, #87895c, #858857, #838853, #80874e, #7d864a, #798646, #748544, #6f8543, #698544, #628447, #5a834b, #4f8151, #457f57, #3b7c5e, #347863, #307468, #31706b, #346d6d, #386a6e, #3d686e, #41686f, #466970, #4b6d73, #527276, #5a7a7b, #648380, #6f8c86, #7c968c, #89a192, #97aa99, #a5b49f, #b1bba4, #bbc2a9, #c3c7ad, #c7c9af, #c9caaf, #c8c9ad, #c5c8aa, #c0c5a6, #bac1a1, #b2bd9c, #a9b997, #a0b493, #97af8e, #8eab8a, #85a687, #7da385, #779f83, #709c80, #69997f, #62957d, #5b917b, #548e79, #4d8a78, #468777, #408375, #3a8074, #357e73, #307b73, #2c7972. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYoCNLySNCz-PSXpDTQ1ZZEsMbxA`
- Page: https://grabient.com/kYoCNLySNCz-PSXpDTQ1ZZEsMbxA?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.6 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 | `#8c8b6a` | `oklch(62.99% 0.0482 106.17)` | Playing Hooky | black, 6 to 1 |
| 2 | `#8b8b67` | `oklch(62.75% 0.0507 107.12)` | Yogi | black, 5.9 to 1 |
| 3 | `#8a8a64` | `oklch(62.45% 0.0543 108.07)` | Pesto Paste | black, 5.9 to 1 |
| 4 | `#898a60` | `oklch(62.10% 0.0586 109.07)` | Pesto Paste | black, 5.8 to 1 |
| 5 | `#87895c` | `oklch(61.72% 0.0635 110.16)` | Iguana | black, 5.7 to 1 |
| 6 | `#858857` | `oklch(61.30% 0.0688 111.40)` | Iguana | black, 5.6 to 1 |
| 7 | `#838853` | `oklch(60.84% 0.0742 112.83)` | Field Maple | black, 5.5 to 1 |
| 8 | `#80874e` | `oklch(60.37% 0.0795 114.50)` | Field Maple | black, 5.4 to 1 |
| 9 | `#7d864a` | `oklch(59.87% 0.0844 116.45)` | Fresh Artichoke | black, 5.3 to 1 |
| 10 | `#798646` | `oklch(59.36% 0.0888 118.74)` | Fresh Artichoke | black, 5.2 to 1 |
| 11 | `#748544` | `oklch(58.84% 0.0924 121.41)` | Laird | black, 5.1 to 1 |
| 12 | `#6f8543` | `oklch(58.31% 0.0950 124.51)` | Khaki Green | black, 5.1 to 1 |
| 13 | `#698544` | `oklch(57.79% 0.0963 128.08)` | Homegrown | black, 5 to 1 |
| 14 | `#628447` | `oklch(57.25% 0.0962 132.28)` | Beatnik | black, 4.9 to 1 |
| 15 | `#5a834b` | `oklch(56.52% 0.0946 137.93)` | Rambling Green | black, 4.7 to 1 |
| 16 | `#4f8151` | `oklch(55.59% 0.0917 144.92)` | Kilkenny | black, 4.6 to 1 |
| 17 | `#457f57` | `oklch(54.54% 0.0877 152.90)` | Leisure Green | white, 4.7 to 1 |
| 18 | `#3b7c5e` | `oklch(53.42% 0.0829 161.51)` | Liquid Green Stuff | white, 4.9 to 1 |
| 19 | `#347863` | `oklch(52.30% 0.0775 170.41)` | Majorelle Gardens | white, 5.2 to 1 |
| 20 | `#307468` | `oklch(51.25% 0.0717 179.23)` | Imperial Dynasty | white, 5.4 to 1 |
| 21 | `#31706b` | `oklch(50.33% 0.0657 187.63)` | Jungle Noises | white, 5.7 to 1 |
| 22 | `#346d6d` | `oklch(49.59% 0.0599 195.25)` | North Sea | white, 5.9 to 1 |
| 23 | `#386a6e` | `oklch(49.11% 0.0543 201.74)` | Aquarium | white, 6 to 1 |
| 24 | `#3d686e` | `oklch(48.94% 0.0493 206.75)` | Moat | white, 6.1 to 1 |
| 25 | `#41686f` | `oklch(49.16% 0.0451 209.91)` | Muddy Cyan | white, 6.1 to 1 |
| 26 | `#466970` | `oklch(49.81% 0.0418 210.89)` | Azalea Leaf | white, 5.9 to 1 |
| 27 | `#4b6d73` | `oklch(51.05% 0.0396 209.22)` | Holy Water | white, 5.6 to 1 |
| 28 | `#527276` | `oklch(52.98% 0.0377 204.81)` | Sophisticated Teal | white, 5.1 to 1 |
| 29 | `#5a7a7b` | `oklch(55.48% 0.0362 198.11)` | Eye Grey | white, 4.6 to 1 |
| 30 | `#648380` | `oklch(58.43% 0.0351 189.62)` | Rock Creek | black, 5 to 1 |
| 31 | `#6f8c86` | `oklch(61.67% 0.0343 179.80)` | Aspen Hush | black, 5.7 to 1 |
| 32 | `#7c968c` | `oklch(65.10% 0.0337 169.13)` | Azores | black, 6.6 to 1 |
| 33 | `#89a192` | `oklch(68.56% 0.0335 158.10)` | Hillside View | black, 7.5 to 1 |
| 34 | `#97aa99` | `oklch(71.93% 0.0335 147.18)` | Scotland Road | black, 8.5 to 1 |
| 35 | `#a5b49f` | `oklch(75.08% 0.0337 136.86)` | Salvia | black, 9.5 to 1 |
| 36 | `#b1bba4` | `oklch(77.87% 0.0341 127.60)` | Matt Sage | black, 10.5 to 1 |
| 37 | `#bbc2a9` | `oklch(80.18% 0.0346 119.90)` | Healing Retreat | black, 11.4 to 1 |
| 38 | `#c3c7ad` | `oklch(81.86% 0.0352 114.22)` | Cushion Bush | black, 12 to 1 |
| 39 | `#c7c9af` | `oklch(82.80% 0.0360 111.02)` | Spring Hill | black, 12.4 to 1 |
| 40 | `#c9caaf` | `oklch(83.08% 0.0370 109.86)` | Spring Hill | black, 12.5 to 1 |
| 41 | `#c8c9ad` | `oklch(82.84% 0.0385 110.24)` | Desert Hot Springs | black, 12.4 to 1 |
| 42 | `#c5c8aa` | `oklch(82.15% 0.0402 111.92)` | Desert Hot Springs | black, 12.1 to 1 |
| 43 | `#c0c5a6` | `oklch(81.09% 0.0422 114.70)` | Minted Lemon | black, 11.7 to 1 |
| 44 | `#bac1a1` | `oklch(79.72% 0.0444 118.36)` | Animal Kingdom | black, 11.2 to 1 |
| 45 | `#b2bd9c` | `oklch(78.12% 0.0467 122.69)` | Pale Spring Morning | black, 10.6 to 1 |
| 46 | `#a9b997` | `oklch(76.37% 0.0491 127.45)` | Ash Tree | black, 10 to 1 |
| 47 | `#a0b493` | `oklch(74.53% 0.0515 132.44)` | Soap Green | black, 9.4 to 1 |
| 48 | `#97af8e` | `oklch(72.69% 0.0538 137.45)` | Greenish Grey | black, 8.8 to 1 |
| 49 | `#8eab8a` | `oklch(70.90% 0.0561 142.24)` | Fluorine | black, 8.3 to 1 |
| 50 | `#85a687` | `oklch(69.26% 0.0581 146.62)` | Mermaid’s Cove | black, 7.8 to 1 |
| 51 | `#7da385` | `oklch(67.82% 0.0600 150.35)` | Corporate Green | black, 7.4 to 1 |
| 52 | `#779f83` | `oklch(66.60% 0.0616 153.42)` | Aquadulce | black, 7.1 to 1 |
| 53 | `#709c80` | `oklch(65.33% 0.0631 156.54)` | Precious Oxley | black, 6.7 to 1 |
| 54 | `#69997f` | `oklch(64.02% 0.0646 159.74)` | Practice Green | black, 6.4 to 1 |
| 55 | `#62957d` | `oklch(62.68% 0.0661 162.98)` | Cool Bluegrass | black, 6.1 to 1 |
| 56 | `#5b917b` | `oklch(61.33% 0.0675 166.21)` | Puerto Princesa | black, 5.8 to 1 |
| 57 | `#548e79` | `oklch(60.00% 0.0689 169.39)` | Alexandrite Green | black, 5.5 to 1 |
| 58 | `#4d8a78` | `oklch(58.69% 0.0701 172.47)` | Think Leaf | black, 5.2 to 1 |
| 59 | `#468777` | `oklch(57.45% 0.0713 175.41)` | Carlisle | black, 4.9 to 1 |
| 60 | `#408375` | `oklch(56.28% 0.0724 178.17)` | Aussie Surf | black, 4.7 to 1 |
| 61 | `#3a8074` | `oklch(55.20% 0.0734 180.71)` | Copper Mineral Green | white, 4.6 to 1 |
| 62 | `#357e73` | `oklch(54.24% 0.0743 182.96)` | Pearl Green | white, 4.8 to 1 |
| 63 | `#307b73` | `oklch(53.42% 0.0751 184.91)` | Ivy | white, 4.9 to 1 |
| 64 | `#2c7972` | `oklch(52.76% 0.0758 186.48)` | Myrtle Green | white, 5.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #8c8b6a 0.0%, #8b8b67 1.6%, #8a8a64 3.2%, #898a60 4.8%, #87895c 6.3%, #858857 7.9%, #838853 9.5%, #80874e 11.1%, #7d864a 12.7%, #798646 14.3%, #748544 15.9%, #6f8543 17.5%, #698544 19.0%, #628447 20.6%, #5a834b 22.2%, #4f8151 23.8%, #457f57 25.4%, #3b7c5e 27.0%, #347863 28.6%, #307468 30.2%, #31706b 31.7%, #346d6d 33.3%, #386a6e 34.9%, #3d686e 36.5%, #41686f 38.1%, #466970 39.7%, #4b6d73 41.3%, #527276 42.9%, #5a7a7b 44.4%, #648380 46.0%, #6f8c86 47.6%, #7c968c 49.2%, #89a192 50.8%, #97aa99 52.4%, #a5b49f 54.0%, #b1bba4 55.6%, #bbc2a9 57.1%, #c3c7ad 58.7%, #c7c9af 60.3%, #c9caaf 61.9%, #c8c9ad 63.5%, #c5c8aa 65.1%, #c0c5a6 66.7%, #bac1a1 68.3%, #b2bd9c 69.8%, #a9b997 71.4%, #a0b493 73.0%, #97af8e 74.6%, #8eab8a 76.2%, #85a687 77.8%, #7da385 79.4%, #779f83 81.0%, #709c80 82.5%, #69997f 84.1%, #62957d 85.7%, #5b917b 87.3%, #548e79 88.9%, #4d8a78 90.5%, #468777 92.1%, #408375 93.7%, #3a8074 95.2%, #357e73 96.8%, #307b73 98.4%, #2c7972 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(62.99% 0.0482 106.17) 0.0%, oklch(62.75% 0.0507 107.12) 1.6%, oklch(62.45% 0.0543 108.07) 3.2%, oklch(62.10% 0.0586 109.07) 4.8%, oklch(61.72% 0.0635 110.16) 6.3%, oklch(61.30% 0.0688 111.40) 7.9%, oklch(60.84% 0.0742 112.83) 9.5%, oklch(60.37% 0.0795 114.50) 11.1%, oklch(59.87% 0.0844 116.45) 12.7%, oklch(59.36% 0.0888 118.74) 14.3%, oklch(58.84% 0.0924 121.41) 15.9%, oklch(58.31% 0.0950 124.51) 17.5%, oklch(57.79% 0.0963 128.08) 19.0%, oklch(57.25% 0.0962 132.28) 20.6%, oklch(56.52% 0.0946 137.93) 22.2%, oklch(55.59% 0.0917 144.92) 23.8%, oklch(54.54% 0.0877 152.90) 25.4%, oklch(53.42% 0.0829 161.51) 27.0%, oklch(52.30% 0.0775 170.41) 28.6%, oklch(51.25% 0.0717 179.23) 30.2%, oklch(50.33% 0.0657 187.63) 31.7%, oklch(49.59% 0.0599 195.25) 33.3%, oklch(49.11% 0.0543 201.74) 34.9%, oklch(48.94% 0.0493 206.75) 36.5%, oklch(49.16% 0.0451 209.91) 38.1%, oklch(49.81% 0.0418 210.89) 39.7%, oklch(51.05% 0.0396 209.22) 41.3%, oklch(52.98% 0.0377 204.81) 42.9%, oklch(55.48% 0.0362 198.11) 44.4%, oklch(58.43% 0.0351 189.62) 46.0%, oklch(61.67% 0.0343 179.80) 47.6%, oklch(65.10% 0.0337 169.13) 49.2%, oklch(68.56% 0.0335 158.10) 50.8%, oklch(71.93% 0.0335 147.18) 52.4%, oklch(75.08% 0.0337 136.86) 54.0%, oklch(77.87% 0.0341 127.60) 55.6%, oklch(80.18% 0.0346 119.90) 57.1%, oklch(81.86% 0.0352 114.22) 58.7%, oklch(82.80% 0.0360 111.02) 60.3%, oklch(83.08% 0.0370 109.86) 61.9%, oklch(82.84% 0.0385 110.24) 63.5%, oklch(82.15% 0.0402 111.92) 65.1%, oklch(81.09% 0.0422 114.70) 66.7%, oklch(79.72% 0.0444 118.36) 68.3%, oklch(78.12% 0.0467 122.69) 69.8%, oklch(76.37% 0.0491 127.45) 71.4%, oklch(74.53% 0.0515 132.44) 73.0%, oklch(72.69% 0.0538 137.45) 74.6%, oklch(70.90% 0.0561 142.24) 76.2%, oklch(69.26% 0.0581 146.62) 77.8%, oklch(67.82% 0.0600 150.35) 79.4%, oklch(66.60% 0.0616 153.42) 81.0%, oklch(65.33% 0.0631 156.54) 82.5%, oklch(64.02% 0.0646 159.74) 84.1%, oklch(62.68% 0.0661 162.98) 85.7%, oklch(61.33% 0.0675 166.21) 87.3%, oklch(60.00% 0.0689 169.39) 88.9%, oklch(58.69% 0.0701 172.47) 90.5%, oklch(57.45% 0.0713 175.41) 92.1%, oklch(56.28% 0.0724 178.17) 93.7%, oklch(55.20% 0.0734 180.71) 95.2%, oklch(54.24% 0.0743 182.96) 96.8%, oklch(53.42% 0.0751 184.91) 98.4%, oklch(52.76% 0.0758 186.48) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.63 | 0.048 | 106.2 |
| 2 | 0.575 | 0.096 | 130.5 |
| 3 | 0.5 | 0.041 | 210.8 |
| 4 | 0.827 | 0.036 | 111.5 |
| 5 | 0.673 | 0.061 | 151.6 |
| 6 | 0.528 | 0.076 | 186.5 |

## In these collections

- [Forest gradients](https://grabient.com/forest-gradients)

## Other forms

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