# Olive lemon field

Analogous olive and green radial gradient with 32 colors: #848b54, #868e54, #8a9254, #8e9754, #939d54, #99a254, #9ea853, #a4ae52, #a9b451, #aeb94f, #b2bd4d, #b6c14b, #bac449, #bec845, #c1cb42, #c5ce3e, #c8d039, #cbd234, #cdd42e, #ced429, #cfd322, #ced21d, #ccce17, #c8ca11, #c4c40d, #bfbd09, #b9b607, #b3af06, #ada905, #a8a305, #a49e05, #a19b05. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous olive and green radial gradient
- Seed: `kUnThSYjI_2pAv5VtD9g`
- Page: https://grabient.com/kUnThSYjI_2pAv5VtD9g?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: vivid, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 2.2 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 | `#848b54` | `oklch(61.81% 0.0772 115.31)` | Special Ops | black, 5.8 to 1 |
| 2 | `#868e54` | `oklch(62.73% 0.0807 115.26)` | Crocodile Smile | black, 6 to 1 |
| 3 | `#8a9254` | `oklch(63.95% 0.0854 115.21)` | Fair and Square | black, 6.3 to 1 |
| 4 | `#8e9754` | `oklch(65.42% 0.0910 115.15)` | Topiary | black, 6.7 to 1 |
| 5 | `#939d54` | `oklch(67.05% 0.0972 115.08)` | Spinach Green | black, 7.1 to 1 |
| 6 | `#99a254` | `oklch(68.80% 0.1038 115.00)` | Overt Green | black, 7.6 to 1 |
| 7 | `#9ea853` | `oklch(70.58% 0.1107 114.90)` | Springtide Melodies | black, 8.2 to 1 |
| 8 | `#a4ae52` | `oklch(72.34% 0.1176 114.79)` | Pandan Cake | black, 8.7 to 1 |
| 9 | `#a9b451` | `oklch(74.01% 0.1243 114.66)` | Green Banana | black, 9.3 to 1 |
| 10 | `#aeb94f` | `oklch(75.52% 0.1305 114.50)` | Japanese Fern | black, 9.8 to 1 |
| 11 | `#b2bd4d` | `oklch(76.80% 0.1361 114.32)` | Sinsemilla | black, 10.2 to 1 |
| 12 | `#b6c14b` | `oklch(77.87% 0.1411 114.11)` | Celery | black, 10.6 to 1 |
| 13 | `#bac449` | `oklch(78.94% 0.1462 113.88)` | Tropic Canary | black, 11 to 1 |
| 14 | `#bec845` | `oklch(79.99% 0.1514 113.61)` | Tansy | black, 11.5 to 1 |
| 15 | `#c1cb42` | `oklch(80.98% 0.1565 113.33)` | Sunny Green | black, 11.8 to 1 |
| 16 | `#c5ce3e` | `oklch(81.88% 0.1614 113.03)` | Greedy Gold | black, 12.2 to 1 |
| 17 | `#c8d039` | `oklch(82.65% 0.1659 112.71)` | Yellow-Green Grosbeak | black, 12.5 to 1 |
| 18 | `#cbd234` | `oklch(83.25% 0.1699 112.37)` | Sun Flooded Woods | black, 12.8 to 1 |
| 19 | `#cdd42e` | `oklch(83.66% 0.1732 112.03)` | Sun Flooded Woods | black, 13 to 1 |
| 20 | `#ced429` | `oklch(83.82% 0.1758 111.68)` | Sun Flooded Woods | black, 13 to 1 |
| 21 | `#cfd322` | `oklch(83.71% 0.1773 111.32)` | Sun Flooded Woods | black, 13 to 1 |
| 22 | `#ced21d` | `oklch(83.27% 0.1778 110.96)` | Sun Flooded Woods | black, 12.8 to 1 |
| 23 | `#ccce17` | `oklch(82.36% 0.1767 110.56)` | Golden Harvest | black, 12.4 to 1 |
| 24 | `#c8ca11` | `oklch(81.02% 0.1743 110.12)` | Golden Harvest | black, 11.8 to 1 |
| 25 | `#c4c40d` | `oklch(79.35% 0.1709 109.65)` | Cricket Chirping | black, 11.2 to 1 |
| 26 | `#bfbd09` | `oklch(77.46% 0.1668 109.17)` | Oilseed Crops | black, 10.4 to 1 |
| 27 | `#b9b607` | `oklch(75.45% 0.1623 108.70)` | Pickled Limes | black, 9.7 to 1 |
| 28 | `#b3af06` | `oklch(73.43% 0.1576 108.24)` | Fusion | black, 9 to 1 |
| 29 | `#ada905` | `oklch(71.50% 0.1530 107.81)` | Honey and Thyme | black, 8.4 to 1 |
| 30 | `#a8a305` | `oklch(69.77% 0.1489 107.43)` | Countryside | black, 7.9 to 1 |
| 31 | `#a49e05` | `oklch(68.34% 0.1456 107.11)` | Nuclear Fallout | black, 7.5 to 1 |
| 32 | `#a19b05` | `oklch(67.32% 0.1433 106.86)` | Papyrus | black, 7.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #848b54 0.0%, #868e54 3.2%, #8a9254 6.5%, #8e9754 9.7%, #939d54 12.9%, #99a254 16.1%, #9ea853 19.4%, #a4ae52 22.6%, #a9b451 25.8%, #aeb94f 29.0%, #b2bd4d 32.3%, #b6c14b 35.5%, #bac449 38.7%, #bec845 41.9%, #c1cb42 45.2%, #c5ce3e 48.4%, #c8d039 51.6%, #cbd234 54.8%, #cdd42e 58.1%, #ced429 61.3%, #cfd322 64.5%, #ced21d 67.7%, #ccce17 71.0%, #c8ca11 74.2%, #c4c40d 77.4%, #bfbd09 80.6%, #b9b607 83.9%, #b3af06 87.1%, #ada905 90.3%, #a8a305 93.5%, #a49e05 96.8%, #a19b05 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(61.81% 0.0772 115.31) 0.0%, oklch(62.73% 0.0807 115.26) 3.2%, oklch(63.95% 0.0854 115.21) 6.5%, oklch(65.42% 0.0910 115.15) 9.7%, oklch(67.05% 0.0972 115.08) 12.9%, oklch(68.80% 0.1038 115.00) 16.1%, oklch(70.58% 0.1107 114.90) 19.4%, oklch(72.34% 0.1176 114.79) 22.6%, oklch(74.01% 0.1243 114.66) 25.8%, oklch(75.52% 0.1305 114.50) 29.0%, oklch(76.80% 0.1361 114.32) 32.3%, oklch(77.87% 0.1411 114.11) 35.5%, oklch(78.94% 0.1462 113.88) 38.7%, oklch(79.99% 0.1514 113.61) 41.9%, oklch(80.98% 0.1565 113.33) 45.2%, oklch(81.88% 0.1614 113.03) 48.4%, oklch(82.65% 0.1659 112.71) 51.6%, oklch(83.25% 0.1699 112.37) 54.8%, oklch(83.66% 0.1732 112.03) 58.1%, oklch(83.82% 0.1758 111.68) 61.3%, oklch(83.71% 0.1773 111.32) 64.5%, oklch(83.27% 0.1778 110.96) 67.7%, oklch(82.36% 0.1767 110.56) 71.0%, oklch(81.02% 0.1743 110.12) 74.2%, oklch(79.35% 0.1709 109.65) 77.4%, oklch(77.46% 0.1668 109.17) 80.6%, oklch(75.45% 0.1623 108.70) 83.9%, oklch(73.43% 0.1576 108.24) 87.1%, oklch(71.50% 0.1530 107.81) 90.3%, oklch(69.77% 0.1489 107.43) 93.5%, oklch(68.34% 0.1456 107.11) 96.8%, oklch(67.32% 0.1433 106.86) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.618 | 0.077 | 115.3 |
| 2 | 0.772 | 0.138 | 114.3 |
| 3 | 0.835 | 0.178 | 111.1 |
| 4 | 0.673 | 0.143 | 106.9 |

## In these collections

- [Yellow gradients](https://grabient.com/yellow-gradients)

## Other forms

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