# Olive, navy, gray and tan radial gradient

Olive, navy, gray and tan radial gradient with 48 colors: #727549, #67724a, #576e4c, #456850, #345f53, #2a5655, #274d54, #284653, #2b4251, #2f4352, #354957, #3f5561, #4e676e, #627c7c, #7b928c, #96a89c, #b1bdab, #cacdb9, #ddd8c3, #e7ddc7, #e9dac3, #e4d0b8, #dcc3a9, #d0b296, #c3a182, #b58f6f, #a9805d, #a0754f, #9a6d45, #996c42, #9a6d41, #9d7244, #a17848, #a6814e, #ab8a56, #b0935e, #b49b65, #b7a26b, #b8a670, #b9aa73, #b9ad77, #b9b07a, #b9b27d, #b8b480, #b7b682, #b7b785, #b6b887, #b6b988. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYiy5PsA1PfILLbInTzXBvDWIYQk`
- Page: https://grabient.com/kYiy5PsA1PfILLbInTzXBvDWIYQk?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.7 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 | `#727549` | `oklch(54.72% 0.0634 111.80)` | Ancient Bonsai | white, 4.8 to 1 |
| 2 | `#67724a` | `oklch(53.29% 0.0615 121.61)` | Dill Pickle | white, 5.1 to 1 |
| 3 | `#576e4c` | `oklch(51.01% 0.0589 136.12)` | Graceland Grass | white, 5.6 to 1 |
| 4 | `#456850` | `oklch(48.18% 0.0559 153.82)` | Green Perennial | white, 6.3 to 1 |
| 5 | `#345f53` | `oklch(45.13% 0.0524 173.20)` | Holly Bush | white, 7.1 to 1 |
| 6 | `#2a5655` | `oklch(42.14% 0.0489 192.76)` | Hidden Depths | white, 8.2 to 1 |
| 7 | `#274d54` | `oklch(39.55% 0.0453 210.99)` | Hurricane Green Blue | white, 9.2 to 1 |
| 8 | `#284653` | `oklch(37.65% 0.0420 226.40)` | Rainstorm | white, 10 to 1 |
| 9 | `#2b4251` | `oklch(36.76% 0.0390 237.47)` | Reflecting Pond | white, 10.4 to 1 |
| 10 | `#2f4352` | `oklch(37.19% 0.0366 242.71)` | Blue Wing Teal | white, 10.2 to 1 |
| 11 | `#354957` | `oklch(39.35% 0.0348 240.72)` | Dilly Blue | white, 9.4 to 1 |
| 12 | `#3f5561` | `oklch(43.62% 0.0329 231.76)` | Dark Secret | white, 7.8 to 1 |
| 13 | `#4e676e` | `oklch(49.53% 0.0312 217.27)` | Sultry Sea | white, 6 to 1 |
| 14 | `#627c7c` | `oklch(56.51% 0.0296 198.76)` | Eye Grey | black, 4.6 to 1 |
| 15 | `#7b928c` | `oklch(64.01% 0.0284 177.72)` | Granny Smith | black, 6.3 to 1 |
| 16 | `#96a89c` | `oklch(71.47% 0.0275 155.64)` | Melville | black, 8.4 to 1 |
| 17 | `#b1bdab` | `oklch(78.35% 0.0272 134.00)` | Unroasted Coffee | black, 10.7 to 1 |
| 18 | `#cacdb9` | `oklch(84.09% 0.0276 114.32)` | Morning Zen | black, 12.9 to 1 |
| 19 | `#ddd8c3` | `oklch(88.13% 0.0287 98.07)` | Palm Heart Cream | black, 14.7 to 1 |
| 20 | `#e7ddc7` | `oklch(89.92% 0.0308 86.67)` | Heavy Cream | black, 15.5 to 1 |
| 21 | `#e9dac3` | `oklch(89.36% 0.0344 78.57)` | Arizona White | black, 15.2 to 1 |
| 22 | `#e4d0b8` | `oklch(86.92% 0.0393 72.43)` | Toasted Cashew | black, 14 to 1 |
| 23 | `#dcc3a9` | `oklch(83.07% 0.0452 67.99)` | Elafonisi Beach | black, 12.3 to 1 |
| 24 | `#d0b296` | `oklch(78.30% 0.0517 64.97)` | Cashmere | black, 10.5 to 1 |
| 25 | `#c3a182` | `oklch(73.08% 0.0584 63.12)` | Milano | black, 8.7 to 1 |
| 26 | `#b58f6f` | `oklch(67.89% 0.0649 62.17)` | Poncho | black, 7.1 to 1 |
| 27 | `#a9805d` | `oklch(63.21% 0.0708 61.86)` | Penny | black, 5.9 to 1 |
| 28 | `#a0754f` | `oklch(59.53% 0.0758 61.92)` | Golden Glove | black, 5.1 to 1 |
| 29 | `#9a6d45` | `oklch(57.31% 0.0794 62.10)` | Must Love Dogs | black, 4.6 to 1 |
| 30 | `#996c42` | `oklch(56.72% 0.0815 62.63)` | Must Love Dogs | white, 4.6 to 1 |
| 31 | `#9a6d41` | `oklch(57.18% 0.0826 64.28)` | Desert Clay | black, 4.6 to 1 |
| 32 | `#9d7244` | `oklch(58.46% 0.0828 66.86)` | Bone Brown | black, 4.9 to 1 |
| 33 | `#a17848` | `oklch(60.37% 0.0824 70.13)` | Wave of Grain | black, 5.3 to 1 |
| 34 | `#a6814e` | `oklch(62.67% 0.0814 73.88)` | Hamster Fur | black, 5.8 to 1 |
| 35 | `#ab8a56` | `oklch(65.16% 0.0802 77.86)` | Limed Oak | black, 6.4 to 1 |
| 36 | `#b0935e` | `oklch(67.63% 0.0788 81.86)` | Sconce | black, 7.1 to 1 |
| 37 | `#b49b65` | `oklch(69.87% 0.0775 85.64)` | Golden Moss | black, 7.8 to 1 |
| 38 | `#b7a26b` | `oklch(71.67% 0.0763 88.97)` | Horn of Plenty | black, 8.3 to 1 |
| 39 | `#b8a670` | `oklch(72.85% 0.0755 91.70)` | Horn of Plenty | black, 8.7 to 1 |
| 40 | `#b9aa73` | `oklch(73.76% 0.0746 94.30)` | Heavy Goldbrown | black, 9 to 1 |
| 41 | `#b9ad77` | `oklch(74.51% 0.0735 96.87)` | Goldie Oldie | black, 9.3 to 1 |
| 42 | `#b9b07a` | `oklch(75.13% 0.0723 99.39)` | Gracious Glow | black, 9.5 to 1 |
| 43 | `#b9b27d` | `oklch(75.63% 0.0711 101.79)` | Leek Powder | black, 9.7 to 1 |
| 44 | `#b8b480` | `oklch(76.04% 0.0699 104.05)` | Leek Powder | black, 9.8 to 1 |
| 45 | `#b7b682` | `oklch(76.38% 0.0687 106.11)` | Fancy Flirt | black, 10 to 1 |
| 46 | `#b7b785` | `oklch(76.66% 0.0677 107.94)` | Aloe Plant | black, 10.1 to 1 |
| 47 | `#b6b887` | `oklch(76.92% 0.0668 109.50)` | Aloe Plant | black, 10.2 to 1 |
| 48 | `#b6b988` | `oklch(77.17% 0.0661 110.74)` | Aloe Plant | black, 10.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #727549 0.0%, #67724a 2.1%, #576e4c 4.3%, #456850 6.4%, #345f53 8.5%, #2a5655 10.6%, #274d54 12.8%, #284653 14.9%, #2b4251 17.0%, #2f4352 19.1%, #354957 21.3%, #3f5561 23.4%, #4e676e 25.5%, #627c7c 27.7%, #7b928c 29.8%, #96a89c 31.9%, #b1bdab 34.0%, #cacdb9 36.2%, #ddd8c3 38.3%, #e7ddc7 40.4%, #e9dac3 42.6%, #e4d0b8 44.7%, #dcc3a9 46.8%, #d0b296 48.9%, #c3a182 51.1%, #b58f6f 53.2%, #a9805d 55.3%, #a0754f 57.4%, #9a6d45 59.6%, #996c42 61.7%, #9a6d41 63.8%, #9d7244 66.0%, #a17848 68.1%, #a6814e 70.2%, #ab8a56 72.3%, #b0935e 74.5%, #b49b65 76.6%, #b7a26b 78.7%, #b8a670 80.9%, #b9aa73 83.0%, #b9ad77 85.1%, #b9b07a 87.2%, #b9b27d 89.4%, #b8b480 91.5%, #b7b682 93.6%, #b7b785 95.7%, #b6b887 97.9%, #b6b988 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(54.72% 0.0634 111.80) 0.0%, oklch(53.29% 0.0615 121.61) 2.1%, oklch(51.01% 0.0589 136.12) 4.3%, oklch(48.18% 0.0559 153.82) 6.4%, oklch(45.13% 0.0524 173.20) 8.5%, oklch(42.14% 0.0489 192.76) 10.6%, oklch(39.55% 0.0453 210.99) 12.8%, oklch(37.65% 0.0420 226.40) 14.9%, oklch(36.76% 0.0390 237.47) 17.0%, oklch(37.19% 0.0366 242.71) 19.1%, oklch(39.35% 0.0348 240.72) 21.3%, oklch(43.62% 0.0329 231.76) 23.4%, oklch(49.53% 0.0312 217.27) 25.5%, oklch(56.51% 0.0296 198.76) 27.7%, oklch(64.01% 0.0284 177.72) 29.8%, oklch(71.47% 0.0275 155.64) 31.9%, oklch(78.35% 0.0272 134.00) 34.0%, oklch(84.09% 0.0276 114.32) 36.2%, oklch(88.13% 0.0287 98.07) 38.3%, oklch(89.92% 0.0308 86.67) 40.4%, oklch(89.36% 0.0344 78.57) 42.6%, oklch(86.92% 0.0393 72.43) 44.7%, oklch(83.07% 0.0452 67.99) 46.8%, oklch(78.30% 0.0517 64.97) 48.9%, oklch(73.08% 0.0584 63.12) 51.1%, oklch(67.89% 0.0649 62.17) 53.2%, oklch(63.21% 0.0708 61.86) 55.3%, oklch(59.53% 0.0758 61.92) 57.4%, oklch(57.31% 0.0794 62.10) 59.6%, oklch(56.72% 0.0815 62.63) 61.7%, oklch(57.18% 0.0826 64.28) 63.8%, oklch(58.46% 0.0828 66.86) 66.0%, oklch(60.37% 0.0824 70.13) 68.1%, oklch(62.67% 0.0814 73.88) 70.2%, oklch(65.16% 0.0802 77.86) 72.3%, oklch(67.63% 0.0788 81.86) 74.5%, oklch(69.87% 0.0775 85.64) 76.6%, oklch(71.67% 0.0763 88.97) 78.7%, oklch(72.85% 0.0755 91.70) 80.9%, oklch(73.76% 0.0746 94.30) 83.0%, oklch(74.51% 0.0735 96.87) 85.1%, oklch(75.13% 0.0723 99.39) 87.2%, oklch(75.63% 0.0711 101.79) 89.4%, oklch(76.04% 0.0699 104.05) 91.5%, oklch(76.38% 0.0687 106.11) 93.6%, oklch(76.66% 0.0677 107.94) 95.7%, oklch(76.92% 0.0668 109.50) 97.9%, oklch(77.17% 0.0661 110.74) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.547 | 0.063 | 111.8 |
| 2 | 0.378 | 0.036 | 242.8 |
| 3 | 0.898 | 0.03 | 88.5 |
| 4 | 0.571 | 0.08 | 62.1 |
| 5 | 0.724 | 0.076 | 90.7 |
| 6 | 0.772 | 0.066 | 110.7 |

## Other forms

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