# Analogous olive and green linear swatches

Analogous olive and green linear swatches with 32 colors: #aea754, #aca653, #aaa551, #a7a350, #a4a14e, #a19f4c, #9e9d4a, #9b9b48, #979946, #949643, #909441, #8c923f, #888f3d, #858d3c, #818b3a, #7e8839, #7b8638, #778437, #748236, #707f35, #6c7d34, #687b33, #657833, #617632, #5e7331, #5a7131, #576f30, #546d30, #526b2f, #4f692f, #4d682e, #4c662e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kStk1KzCZBTygQY`
- Page: https://grabient.com/kStk1KzCZBTygQY?style=linearSwatches&steps=32
- Drawn as: linear swatches, 32 steps, 90 degrees
- Kinds: vivid
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 2.5 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 | `#aea754` | `oklch(71.65% 0.1061 104.77)` | The Goods | black, 8.4 to 1 |
| 2 | `#aca653` | `oklch(71.23% 0.1061 105.18)` | The Goods | black, 8.3 to 1 |
| 3 | `#aaa551` | `oklch(70.71% 0.1061 105.68)` | The Goods | black, 8.1 to 1 |
| 4 | `#a7a350` | `oklch(70.12% 0.1062 106.25)` | Desert Locust | black, 7.9 to 1 |
| 5 | `#a4a14e` | `oklch(69.45% 0.1062 106.89)` | Reed Green | black, 7.8 to 1 |
| 6 | `#a19f4c` | `oklch(68.73% 0.1063 107.58)` | Poplar | black, 7.6 to 1 |
| 7 | `#9e9d4a` | `oklch(67.96% 0.1064 108.32)` | Lazy Lizard | black, 7.3 to 1 |
| 8 | `#9b9b48` | `oklch(67.14% 0.1064 109.11)` | Lazy Lizard | black, 7.1 to 1 |
| 9 | `#979946` | `oklch(66.30% 0.1065 109.93)` | Luau Green | black, 6.9 to 1 |
| 10 | `#949643` | `oklch(65.43% 0.1064 110.77)` | Luau Green | black, 6.7 to 1 |
| 11 | `#909441` | `oklch(64.54% 0.1064 111.64)` | Bean Shoot | black, 6.4 to 1 |
| 12 | `#8c923f` | `oklch(63.65% 0.1063 112.51)` | Bean Shoot | black, 6.2 to 1 |
| 13 | `#888f3d` | `oklch(62.77% 0.1061 113.39)` | Cute Pixie | black, 6 to 1 |
| 14 | `#858d3c` | `oklch(61.90% 0.1058 114.27)` | Woodbine | black, 5.8 to 1 |
| 15 | `#818b3a` | `oklch(61.05% 0.1055 115.13)` | Sea Turtle | black, 5.6 to 1 |
| 16 | `#7e8839` | `oklch(60.24% 0.1050 115.98)` | Sacred Sapling | black, 5.4 to 1 |
| 17 | `#7b8638` | `oklch(59.45% 0.1044 116.81)` | Sacred Sapling | black, 5.3 to 1 |
| 18 | `#778437` | `oklch(58.63% 0.1037 117.69)` | Laird | black, 5.1 to 1 |
| 19 | `#748236` | `oklch(57.76% 0.1027 118.64)` | Khaki Green | black, 4.9 to 1 |
| 20 | `#707f35` | `oklch(56.87% 0.1017 119.62)` | Leaps and Bounds | black, 4.7 to 1 |
| 21 | `#6c7d34` | `oklch(55.96% 0.1005 120.63)` | Leaps and Bounds | black, 4.6 to 1 |
| 22 | `#687b33` | `oklch(55.05% 0.0993 121.67)` | Military Green | white, 4.7 to 1 |
| 23 | `#657833` | `oklch(54.13% 0.0980 122.70)` | Castelvetrano Olive | white, 4.8 to 1 |
| 24 | `#617632` | `oklch(53.22% 0.0967 123.73)` | Majestic Jungle | white, 5 to 1 |
| 25 | `#5e7331` | `oklch(52.34% 0.0954 124.74)` | Majestic Jungle | white, 5.2 to 1 |
| 26 | `#5a7131` | `oklch(51.49% 0.0941 125.71)` | Deep Pine | white, 5.4 to 1 |
| 27 | `#576f30` | `oklch(50.69% 0.0928 126.64)` | Deep Pine | white, 5.6 to 1 |
| 28 | `#546d30` | `oklch(49.93% 0.0917 127.51)` | Fig Leaf | white, 5.8 to 1 |
| 29 | `#526b2f` | `oklch(49.24% 0.0906 128.30)` | Green Leaf | white, 6 to 1 |
| 30 | `#4f692f` | `oklch(48.62% 0.0896 129.01)` | Bimi Green | white, 6.1 to 1 |
| 31 | `#4d682e` | `oklch(48.08% 0.0888 129.63)` | Tree Shade | white, 6.3 to 1 |
| 32 | `#4c662e` | `oklch(47.64% 0.0882 130.13)` | Dell | white, 6.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #aea754 0.000% 3.125%, #aca653 3.125% 6.250%, #aaa551 6.250% 9.375%, #a7a350 9.375% 12.500%, #a4a14e 12.500% 15.625%, #a19f4c 15.625% 18.750%, #9e9d4a 18.750% 21.875%, #9b9b48 21.875% 25.000%, #979946 25.000% 28.125%, #949643 28.125% 31.250%, #909441 31.250% 34.375%, #8c923f 34.375% 37.500%, #888f3d 37.500% 40.625%, #858d3c 40.625% 43.750%, #818b3a 43.750% 46.875%, #7e8839 46.875% 50.000%, #7b8638 50.000% 53.125%, #778437 53.125% 56.250%, #748236 56.250% 59.375%, #707f35 59.375% 62.500%, #6c7d34 62.500% 65.625%, #687b33 65.625% 68.750%, #657833 68.750% 71.875%, #617632 71.875% 75.000%, #5e7331 75.000% 78.125%, #5a7131 78.125% 81.250%, #576f30 81.250% 84.375%, #546d30 84.375% 87.500%, #526b2f 87.500% 90.625%, #4f692f 90.625% 93.750%, #4d682e 93.750% 96.875%, #4c662e 96.875% 100.000%);
background: linear-gradient(90deg, oklch(71.65% 0.1061 104.77) 0.000% 3.125%, oklch(71.23% 0.1061 105.18) 3.125% 6.250%, oklch(70.71% 0.1061 105.68) 6.250% 9.375%, oklch(70.12% 0.1062 106.25) 9.375% 12.500%, oklch(69.45% 0.1062 106.89) 12.500% 15.625%, oklch(68.73% 0.1063 107.58) 15.625% 18.750%, oklch(67.96% 0.1064 108.32) 18.750% 21.875%, oklch(67.14% 0.1064 109.11) 21.875% 25.000%, oklch(66.30% 0.1065 109.93) 25.000% 28.125%, oklch(65.43% 0.1064 110.77) 28.125% 31.250%, oklch(64.54% 0.1064 111.64) 31.250% 34.375%, oklch(63.65% 0.1063 112.51) 34.375% 37.500%, oklch(62.77% 0.1061 113.39) 37.500% 40.625%, oklch(61.90% 0.1058 114.27) 40.625% 43.750%, oklch(61.05% 0.1055 115.13) 43.750% 46.875%, oklch(60.24% 0.1050 115.98) 46.875% 50.000%, oklch(59.45% 0.1044 116.81) 50.000% 53.125%, oklch(58.63% 0.1037 117.69) 53.125% 56.250%, oklch(57.76% 0.1027 118.64) 56.250% 59.375%, oklch(56.87% 0.1017 119.62) 59.375% 62.500%, oklch(55.96% 0.1005 120.63) 62.500% 65.625%, oklch(55.05% 0.0993 121.67) 65.625% 68.750%, oklch(54.13% 0.0980 122.70) 68.750% 71.875%, oklch(53.22% 0.0967 123.73) 71.875% 75.000%, oklch(52.34% 0.0954 124.74) 75.000% 78.125%, oklch(51.49% 0.0941 125.71) 78.125% 81.250%, oklch(50.69% 0.0928 126.64) 81.250% 84.375%, oklch(49.93% 0.0917 127.51) 84.375% 87.500%, oklch(49.24% 0.0906 128.30) 87.500% 90.625%, oklch(48.62% 0.0896 129.01) 90.625% 93.750%, oklch(48.08% 0.0888 129.63) 93.750% 96.875%, oklch(47.64% 0.0882 130.13) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.717 | 0.106 | 104.8 |
| 2 | 0.598 | 0.105 | 116.4 |
| 3 | 0.476 | 0.088 | 130.1 |

## In these collections

- [Green gradients](https://grabient.com/green-gradients)

## Other forms

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