# Analogous olive, green and gray linear gradient

Analogous olive, green and gray linear gradient with 32 colors: #74733f, #727240, #6e7140, #6a6f40, #666d40, #616b41, #5d6941, #596743, #546645, #516647, #4e664b, #4c6750, #496957, #486b5e, #496c67, #4c6e6e, #517075, #58727b, #5f7581, #667986, #6c7f8c, #728591, #798d98, #8098a0, #88a4a7, #93b1ac, #a1bdb0, #b2c8b3, #c5d1b7, #d7d9bb, #e6dfc0, #f1e4c5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUijRMPZLEUwKyz1D64A`
- Page: https://grabient.com/kUijRMPZLEUwKyz1D64A?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.9 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 | `#74733f` | `oklch(54.33% 0.0717 106.87)` | Relentless Olive | white, 4.9 to 1 |
| 2 | `#727240` | `oklch(53.92% 0.0705 108.75)` | Relentless Olive | white, 5 to 1 |
| 3 | `#6e7140` | `oklch(53.30% 0.0690 110.83)` | Wild Jungle | white, 5.1 to 1 |
| 4 | `#6a6f40` | `oklch(52.53% 0.0672 113.17)` | Jungle Trail | white, 5.3 to 1 |
| 5 | `#666d40` | `oklch(51.68% 0.0652 115.83)` | Coconut Grove | white, 5.4 to 1 |
| 6 | `#616b41` | `oklch(50.81% 0.0631 118.88)` | Pandanus | white, 5.7 to 1 |
| 7 | `#5d6941` | `oklch(49.98% 0.0608 122.35)` | Baby Vegetable | white, 5.8 to 1 |
| 8 | `#596743` | `oklch(49.26% 0.0585 126.32)` | Olympia Ivy | white, 6 to 1 |
| 9 | `#546645` | `oklch(48.70% 0.0562 130.85)` | Jalapeño Bouquet | white, 6.2 to 1 |
| 10 | `#516647` | `oklch(48.38% 0.0539 135.98)` | Thraka Green Wash | white, 6.2 to 1 |
| 11 | `#4e664b` | `oklch(48.36% 0.0517 141.77)` | Thraka Green Wash | white, 6.2 to 1 |
| 12 | `#4c6750` | `oklch(48.63% 0.0495 148.84)` | Green Perennial | white, 6.2 to 1 |
| 13 | `#496957` | `oklch(49.06% 0.0471 158.59)` | Kale Green | white, 6 to 1 |
| 14 | `#486b5e` | `oklch(49.63% 0.0445 170.36)` | Smoke Pine | white, 5.9 to 1 |
| 15 | `#496c67` | `oklch(50.35% 0.0418 183.32)` | Pond Newt | white, 5.7 to 1 |
| 16 | `#4c6e6e` | `oklch(51.24% 0.0391 196.64)` | Sequoia Lake | white, 5.5 to 1 |
| 17 | `#517075` | `oklch(52.30% 0.0365 209.49)` | Sophisticated Teal | white, 5.3 to 1 |
| 18 | `#58727b` | `oklch(53.55% 0.0342 221.04)` | Blue Sage | white, 5 to 1 |
| 19 | `#5f7581` | `oklch(54.99% 0.0321 230.48)` | Blue-Eyed Cryptid | white, 4.8 to 1 |
| 20 | `#667986` | `oklch(56.63% 0.0305 236.96)` | Metal Grey | black, 4.6 to 1 |
| 21 | `#6c7f8c` | `oklch(58.48% 0.0294 239.67)` | Citadel | black, 5 to 1 |
| 22 | `#728591` | `oklch(60.58% 0.0288 237.74)` | Adirondack Blue | black, 5.4 to 1 |
| 23 | `#798d98` | `oklch(63.22% 0.0291 230.42)` | Denim Drift | black, 6.1 to 1 |
| 24 | `#8098a0` | `oklch(66.36% 0.0299 218.53)` | Ocean Melody | black, 6.9 to 1 |
| 25 | `#88a4a7` | `oklch(69.85% 0.0312 203.12)` | Impressionist | black, 7.9 to 1 |
| 26 | `#93b1ac` | `oklch(73.55% 0.0329 185.29)` | Delicate Green | black, 9 to 1 |
| 27 | `#a1bdb0` | `oklch(77.32% 0.0348 166.11)` | White Spruce | black, 10.4 to 1 |
| 28 | `#b2c8b3` | `oklch(81.02% 0.0367 146.67)` | Zanah | black, 11.7 to 1 |
| 29 | `#c5d1b7` | `oklch(84.49% 0.0387 128.04)` | Tender Greens | black, 13.2 to 1 |
| 30 | `#d7d9bb` | `oklch(87.59% 0.0404 111.31)` | Pine Mist | black, 14.5 to 1 |
| 31 | `#e6dfc0` | `oklch(90.19% 0.0418 97.55)` | Crispa | black, 15.7 to 1 |
| 32 | `#f1e4c5` | `oklch(92.13% 0.0427 87.85)` | Tamale | black, 16.6 to 1 |

## CSS

```css
background: linear-gradient(45deg, #74733f 0.0%, #727240 3.2%, #6e7140 6.5%, #6a6f40 9.7%, #666d40 12.9%, #616b41 16.1%, #5d6941 19.4%, #596743 22.6%, #546645 25.8%, #516647 29.0%, #4e664b 32.3%, #4c6750 35.5%, #496957 38.7%, #486b5e 41.9%, #496c67 45.2%, #4c6e6e 48.4%, #517075 51.6%, #58727b 54.8%, #5f7581 58.1%, #667986 61.3%, #6c7f8c 64.5%, #728591 67.7%, #798d98 71.0%, #8098a0 74.2%, #88a4a7 77.4%, #93b1ac 80.6%, #a1bdb0 83.9%, #b2c8b3 87.1%, #c5d1b7 90.3%, #d7d9bb 93.5%, #e6dfc0 96.8%, #f1e4c5 100.0%);
background: linear-gradient(45deg in oklch, oklch(54.33% 0.0717 106.87) 0.0%, oklch(53.92% 0.0705 108.75) 3.2%, oklch(53.30% 0.0690 110.83) 6.5%, oklch(52.53% 0.0672 113.17) 9.7%, oklch(51.68% 0.0652 115.83) 12.9%, oklch(50.81% 0.0631 118.88) 16.1%, oklch(49.98% 0.0608 122.35) 19.4%, oklch(49.26% 0.0585 126.32) 22.6%, oklch(48.70% 0.0562 130.85) 25.8%, oklch(48.38% 0.0539 135.98) 29.0%, oklch(48.36% 0.0517 141.77) 32.3%, oklch(48.63% 0.0495 148.84) 35.5%, oklch(49.06% 0.0471 158.59) 38.7%, oklch(49.63% 0.0445 170.36) 41.9%, oklch(50.35% 0.0418 183.32) 45.2%, oklch(51.24% 0.0391 196.64) 48.4%, oklch(52.30% 0.0365 209.49) 51.6%, oklch(53.55% 0.0342 221.04) 54.8%, oklch(54.99% 0.0321 230.48) 58.1%, oklch(56.63% 0.0305 236.96) 61.3%, oklch(58.48% 0.0294 239.67) 64.5%, oklch(60.58% 0.0288 237.74) 67.7%, oklch(63.22% 0.0291 230.42) 71.0%, oklch(66.36% 0.0299 218.53) 74.2%, oklch(69.85% 0.0312 203.12) 77.4%, oklch(73.55% 0.0329 185.29) 80.6%, oklch(77.32% 0.0348 166.11) 83.9%, oklch(81.02% 0.0367 146.67) 87.1%, oklch(84.49% 0.0387 128.04) 90.3%, oklch(87.59% 0.0404 111.31) 93.5%, oklch(90.19% 0.0418 97.55) 96.8%, oklch(92.13% 0.0427 87.85) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.543 | 0.072 | 106.9 |
| 2 | 0.484 | 0.051 | 143.9 |
| 3 | 0.598 | 0.029 | 239 |
| 4 | 0.921 | 0.043 | 87.9 |

## In these collections

- [Olive grove wedding dinner](https://grabient.com/olive-grove-wedding-dinner)

## Other forms

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