# Olive sage pale green bands

Analogous olive and green linear swatches with 13 colors: #75911e, #779325, #7b942d, #7e9735, #83993e, #879d46, #8ca14d, #92a653, #98ac5b, #9fb362, #a6ba69, #abc06f, #afc573. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous olive and green linear swatches
- Seed: `kSnGVX1ak_uQnv-`
- Page: https://grabient.com/kSnGVX1ak_uQnv-?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 1.8 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 | `#75911e` | `oklch(61.42% 0.1392 123.05)` | Canopy | black, 5.8 to 1 |
| 2 | `#779325` | `oklch(62.00% 0.1361 122.79)` | Siskin Sprout | black, 5.9 to 1 |
| 3 | `#7b942d` | `oklch(62.74% 0.1316 122.42)` | Siskin Sprout | black, 6.1 to 1 |
| 4 | `#7e9735` | `oklch(63.66% 0.1263 121.99)` | Antique Moss | black, 6.3 to 1 |
| 5 | `#83993e` | `oklch(64.73% 0.1211 121.56)` | Café de Paris | black, 6.6 to 1 |
| 6 | `#879d46` | `oklch(65.95% 0.1164 121.19)` | Nasturtium Shoot | black, 6.9 to 1 |
| 7 | `#8ca14d` | `oklch(67.32% 0.1130 120.93)` | Nasturtium Shoot | black, 7.2 to 1 |
| 8 | `#92a653` | `oklch(69.04% 0.1110 120.81)` | Overt Green | black, 7.7 to 1 |
| 9 | `#98ac5b` | `oklch(71.14% 0.1098 120.78)` | Springtide Melodies | black, 8.4 to 1 |
| 10 | `#9fb362` | `oklch(73.40% 0.1093 120.80)` | Light Birch Green | black, 9.1 to 1 |
| 11 | `#a6ba69` | `oklch(75.58% 0.1091 120.86)` | Beach Bag | black, 9.8 to 1 |
| 12 | `#abc06f` | `oklch(77.43% 0.1091 120.91)` | Light Olive | black, 10.5 to 1 |
| 13 | `#afc573` | `oklch(78.74% 0.1089 120.93)` | Old Lime | black, 11 to 1 |

## CSS

```css
background: linear-gradient(90deg, #75911e 0.000% 7.692%, #779325 7.692% 15.385%, #7b942d 15.385% 23.077%, #7e9735 23.077% 30.769%, #83993e 30.769% 38.462%, #879d46 38.462% 46.154%, #8ca14d 46.154% 53.846%, #92a653 53.846% 61.538%, #98ac5b 61.538% 69.231%, #9fb362 69.231% 76.923%, #a6ba69 76.923% 84.615%, #abc06f 84.615% 92.308%, #afc573 92.308% 100.000%);
background: linear-gradient(90deg, oklch(61.42% 0.1392 123.05) 0.000% 7.692%, oklch(62.00% 0.1361 122.79) 7.692% 15.385%, oklch(62.74% 0.1316 122.42) 15.385% 23.077%, oklch(63.66% 0.1263 121.99) 23.077% 30.769%, oklch(64.73% 0.1211 121.56) 30.769% 38.462%, oklch(65.95% 0.1164 121.19) 38.462% 46.154%, oklch(67.32% 0.1130 120.93) 46.154% 53.846%, oklch(69.04% 0.1110 120.81) 53.846% 61.538%, oklch(71.14% 0.1098 120.78) 61.538% 69.231%, oklch(73.40% 0.1093 120.80) 69.231% 76.923%, oklch(75.58% 0.1091 120.86) 76.923% 84.615%, oklch(77.43% 0.1091 120.91) 84.615% 92.308%, oklch(78.74% 0.1089 120.93) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.614 | 0.139 | 123 |
| 2 | 0.673 | 0.113 | 120.9 |
| 3 | 0.787 | 0.109 | 120.9 |

## In these collections

- [Sage swatches](https://grabient.com/sage-swatches)

## Other forms

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