# Forest khaki ivory bands

Green, olive, beige and light green linear swatches with 13 colors: #4c754c, #5a7b4f, #6d8355, #808d5e, #929768, #a3a272, #b3ad7e, #c3b989, #d0c696, #dad5a4, #e1e5b5, #e6f3c5, #e9fdd1. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Green, olive, beige and light green linear swatches
- Seed: `kUhDhm1Bg8WiXvh7FkNg`
- Page: https://grabient.com/kUhDhm1Bg8WiXvh7FkNg?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: dark to light, pastel
- 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 | `#4c754c` | `oklch(51.97% 0.0772 144.14)` | Spring Juniper | white, 5.3 to 1 |
| 2 | `#5a7b4f` | `oklch(54.47% 0.0750 138.29)` | Garden Club | white, 4.8 to 1 |
| 3 | `#6d8355` | `oklch(58.05% 0.0717 129.81)` | Herb | black, 5 to 1 |
| 4 | `#808d5e` | `oklch(62.13% 0.0685 120.83)` | Moss Point Green | black, 5.9 to 1 |
| 5 | `#929768` | `oklch(66.14% 0.0661 113.49)` | Exotic Palm | black, 6.8 to 1 |
| 6 | `#a3a272` | `oklch(70.08% 0.0652 107.43)` | Willow Leaf | black, 7.9 to 1 |
| 7 | `#b3ad7e` | `oklch(74.19% 0.0650 101.80)` | Water Reed | black, 9.2 to 1 |
| 8 | `#c3b989` | `oklch(78.31% 0.0651 98.06)` | Goody Two Shoes | black, 10.6 to 1 |
| 9 | `#d0c696` | `oklch(82.28% 0.0648 97.64)` | Vast Escape | black, 12.1 to 1 |
| 10 | `#dad5a4` | `oklch(86.38% 0.0638 102.54)` | Garden Glade | black, 13.9 to 1 |
| 11 | `#e1e5b5` | `oklch(90.58% 0.0626 111.45)` | Tusk | black, 16 to 1 |
| 12 | `#e6f3c5` | `oklch(94.27% 0.0614 120.85)` | Freshman | black, 17.9 to 1 |
| 13 | `#e9fdd1` | `oklch(96.85% 0.0606 127.23)` | Snowdrop | black, 19.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #4c754c 0.000% 7.692%, #5a7b4f 7.692% 15.385%, #6d8355 15.385% 23.077%, #808d5e 23.077% 30.769%, #929768 30.769% 38.462%, #a3a272 38.462% 46.154%, #b3ad7e 46.154% 53.846%, #c3b989 53.846% 61.538%, #d0c696 61.538% 69.231%, #dad5a4 69.231% 76.923%, #e1e5b5 76.923% 84.615%, #e6f3c5 84.615% 92.308%, #e9fdd1 92.308% 100.000%);
background: linear-gradient(90deg, oklch(51.97% 0.0772 144.14) 0.000% 7.692%, oklch(54.47% 0.0750 138.29) 7.692% 15.385%, oklch(58.05% 0.0717 129.81) 15.385% 23.077%, oklch(62.13% 0.0685 120.83) 23.077% 30.769%, oklch(66.14% 0.0661 113.49) 30.769% 38.462%, oklch(70.08% 0.0652 107.43) 38.462% 46.154%, oklch(74.19% 0.0650 101.80) 46.154% 53.846%, oklch(78.31% 0.0651 98.06) 53.846% 61.538%, oklch(82.28% 0.0648 97.64) 61.538% 69.231%, oklch(86.38% 0.0638 102.54) 69.231% 76.923%, oklch(90.58% 0.0626 111.45) 76.923% 84.615%, oklch(94.27% 0.0614 120.85) 84.615% 92.308%, oklch(96.85% 0.0606 127.23) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.52 | 0.077 | 144.1 |
| 2 | 0.661 | 0.066 | 113.5 |
| 3 | 0.823 | 0.065 | 97.6 |
| 4 | 0.969 | 0.061 | 127.2 |

## In these collections

- [Cottagecore swatches](https://grabient.com/cottagecore-swatches)

## Other forms

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