# Forest olive honey bands

Analogous dark green and tan linear swatches with 13 colors: #3a5232, #475633, #585b37, #6a623e, #7a6946, #8a704b, #9c7851, #ae8056, #bd885c, #c99262, #d39d68, #daa76d, #dfae70. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous dark green and tan linear swatches
- Seed: `kUaCtiQxQ5tUgPRjo8FA`
- Page: https://grabient.com/kUaCtiQxQ5tUgPRjo8FA?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: dark to light, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.3 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 | `#3a5232` | `oklch(40.94% 0.0593 137.81)` | Highlander | white, 8.6 to 1 |
| 2 | `#475633` | `oklch(43.01% 0.0576 127.65)` | Trefoil | white, 7.9 to 1 |
| 3 | `#585b37` | `oklch(45.96% 0.0551 112.91)` | Base Camp | white, 7 to 1 |
| 4 | `#6a623e` | `oklch(49.36% 0.0536 97.42)` | Bronze Medal | white, 6.1 to 1 |
| 5 | `#7a6946` | `oklch(52.76% 0.0551 84.97)` | Shaded Fern | white, 5.3 to 1 |
| 6 | `#8a704b` | `oklch(56.20% 0.0613 76.05)` | Schindler Brown | white, 4.6 to 1 |
| 7 | `#9c7851` | `oklch(59.87% 0.0708 68.79)` | Mocha | black, 5.2 to 1 |
| 8 | `#ae8056` | `oklch(63.52% 0.0807 63.55)` | Circus Peanut | black, 6 to 1 |
| 9 | `#bd885c` | `oklch(66.93% 0.0882 60.67)` | Deer | black, 6.8 to 1 |
| 10 | `#c99262` | `oklch(70.24% 0.0925 61.32)` | Napa Sunset | black, 7.7 to 1 |
| 11 | `#d39d68` | `oklch(73.52% 0.0951 64.96)` | Golden Aura | black, 8.7 to 1 |
| 12 | `#daa76d` | `oklch(76.36% 0.0967 69.36)` | Flower Field | black, 9.7 to 1 |
| 13 | `#dfae70` | `oklch(78.35% 0.0978 72.29)` | Montana Wheat Field | black, 10.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #3a5232 0.000% 7.692%, #475633 7.692% 15.385%, #585b37 15.385% 23.077%, #6a623e 23.077% 30.769%, #7a6946 30.769% 38.462%, #8a704b 38.462% 46.154%, #9c7851 46.154% 53.846%, #ae8056 53.846% 61.538%, #bd885c 61.538% 69.231%, #c99262 69.231% 76.923%, #d39d68 76.923% 84.615%, #daa76d 84.615% 92.308%, #dfae70 92.308% 100.000%);
background: linear-gradient(90deg, oklch(40.94% 0.0593 137.81) 0.000% 7.692%, oklch(43.01% 0.0576 127.65) 7.692% 15.385%, oklch(45.96% 0.0551 112.91) 15.385% 23.077%, oklch(49.36% 0.0536 97.42) 23.077% 30.769%, oklch(52.76% 0.0551 84.97) 30.769% 38.462%, oklch(56.20% 0.0613 76.05) 38.462% 46.154%, oklch(59.87% 0.0708 68.79) 46.154% 53.846%, oklch(63.52% 0.0807 63.55) 53.846% 61.538%, oklch(66.93% 0.0882 60.67) 61.538% 69.231%, oklch(70.24% 0.0925 61.32) 69.231% 76.923%, oklch(73.52% 0.0951 64.96) 76.923% 84.615%, oklch(76.36% 0.0967 69.36) 84.615% 92.308%, oklch(78.35% 0.0978 72.29) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.409 | 0.059 | 137.8 |
| 2 | 0.528 | 0.055 | 85 |
| 3 | 0.669 | 0.088 | 60.7 |
| 4 | 0.783 | 0.098 | 72.3 |

## In these collections

- [Natural swatches](https://grabient.com/natural-swatches)

## Other forms

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