# Olive tan peach bands

Analogous olive, brown and peach linear swatches with 13 colors: #675c25, #675f29, #67642f, #686a36, #6e703d, #7a7744, #8b7f4d, #9d8757, #ae9062, #bf9a6e, #d2a57b, #e3af87, #efb690. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous olive, brown and peach linear swatches
- Seed: `kUeDdFw5pBdUaPBoHr0g`
- Page: https://grabient.com/kUeDdFw5pBdUaPBoHr0g?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: 3.7 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 | `#675c25` | `oklch(47.24% 0.0758 97.73)` | Bean Green | white, 6.7 to 1 |
| 2 | `#675f29` | `oklch(48.12% 0.0749 101.08)` | Saguaro | white, 6.4 to 1 |
| 3 | `#67642f` | `oklch(49.34% 0.0737 106.12)` | Jungle Civilization | white, 6.1 to 1 |
| 4 | `#686a36` | `oklch(50.98% 0.0725 110.14)` | Jungle Civilization | white, 5.6 to 1 |
| 5 | `#6e703d` | `oklch(53.15% 0.0717 110.42)` | Relentless Olive | white, 5.1 to 1 |
| 6 | `#7a7744` | `oklch(56.01% 0.0711 105.20)` | Steppe Green | white, 4.6 to 1 |
| 7 | `#8b7f4d` | `oklch(59.47% 0.0706 96.28)` | Ovoid Fruit | black, 5.2 to 1 |
| 8 | `#9d8757` | `oklch(63.22% 0.0707 86.24)` | Wasteland | black, 6 to 1 |
| 9 | `#ae9062` | `oklch(66.93% 0.0717 77.66)` | Wet Sand | black, 6.9 to 1 |
| 10 | `#bf9a6e` | `oklch(70.94% 0.0742 70.63)` | Cardboard | black, 8 to 1 |
| 11 | `#d2a57b` | `oklch(75.27% 0.0779 63.98)` | City Sunrise | black, 9.3 to 1 |
| 12 | `#e3af87` | `oklch(79.17% 0.0815 58.36)` | Soft Skills | black, 10.7 to 1 |
| 13 | `#efb690` | `oklch(81.89% 0.0841 54.41)` | Chilli Dip | black, 11.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #675c25 0.000% 7.692%, #675f29 7.692% 15.385%, #67642f 15.385% 23.077%, #686a36 23.077% 30.769%, #6e703d 30.769% 38.462%, #7a7744 38.462% 46.154%, #8b7f4d 46.154% 53.846%, #9d8757 53.846% 61.538%, #ae9062 61.538% 69.231%, #bf9a6e 69.231% 76.923%, #d2a57b 76.923% 84.615%, #e3af87 84.615% 92.308%, #efb690 92.308% 100.000%);
background: linear-gradient(90deg, oklch(47.24% 0.0758 97.73) 0.000% 7.692%, oklch(48.12% 0.0749 101.08) 7.692% 15.385%, oklch(49.34% 0.0737 106.12) 15.385% 23.077%, oklch(50.98% 0.0725 110.14) 23.077% 30.769%, oklch(53.15% 0.0717 110.42) 30.769% 38.462%, oklch(56.01% 0.0711 105.20) 38.462% 46.154%, oklch(59.47% 0.0706 96.28) 46.154% 53.846%, oklch(63.22% 0.0707 86.24) 53.846% 61.538%, oklch(66.93% 0.0717 77.66) 61.538% 69.231%, oklch(70.94% 0.0742 70.63) 69.231% 76.923%, oklch(75.27% 0.0779 63.98) 76.923% 84.615%, oklch(79.17% 0.0815 58.36) 84.615% 92.308%, oklch(81.89% 0.0841 54.41) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.472 | 0.076 | 97.7 |
| 2 | 0.531 | 0.072 | 110.4 |
| 3 | 0.669 | 0.072 | 77.7 |
| 4 | 0.819 | 0.084 | 54.4 |

## In these collections

- [Earth tone swatches](https://grabient.com/earth-tone-swatches)

## Other forms

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