# Analogous brown, olive and beige linear gradient

Analogous brown, olive and beige linear gradient with 32 colors: #635419, #65571b, #695b1d, #6d601f, #726521, #776b24, #7c7128, #81772b, #867e2f, #8b8433, #908a37, #948f3b, #989440, #9c9a44, #a09f49, #a4a54d, #a8aa52, #adaf57, #b1b45d, #b5b862, #b9bc67, #bdc06d, #c1c473, #c5c77a, #caca81, #cecd89, #d2cf90, #d5d297, #d8d49d, #dbd6a3, #ddd7a8, #dfd9ac. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUcjlDz6ZBOOnQJvlb7A`
- Page: https://grabient.com/kUcjlDz6ZBOOnQJvlb7A?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.1 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 | `#635419` | `oklch(44.88% 0.0785 94.92)` | Olive Brown | white, 7.4 to 1 |
| 2 | `#65571b` | `oklch(45.91% 0.0801 95.55)` | Ayahuasca Vine | white, 7.1 to 1 |
| 3 | `#695b1d` | `oklch(47.23% 0.0823 96.38)` | High Forest Green | white, 6.7 to 1 |
| 4 | `#6d601f` | `oklch(48.79% 0.0849 97.38)` | Greenish Brown | white, 6.2 to 1 |
| 5 | `#726521` | `oklch(50.54% 0.0879 98.49)` | Spicy Mustard | white, 5.8 to 1 |
| 6 | `#776b24` | `oklch(52.43% 0.0909 99.67)` | Tarnished Brass | white, 5.3 to 1 |
| 7 | `#7c7128` | `oklch(54.40% 0.0941 100.89)` | Wood Garlic | white, 4.9 to 1 |
| 8 | `#81772b` | `oklch(56.40% 0.0971 102.10)` | Faience Green | black, 4.6 to 1 |
| 9 | `#867e2f` | `oklch(58.38% 0.0999 103.25)` | Verdant | black, 5 to 1 |
| 10 | `#8b8433` | `oklch(60.28% 0.1023 104.31)` | Apeland | black, 5.4 to 1 |
| 11 | `#908a37` | `oklch(62.05% 0.1042 105.22)` | Uguisu Green | black, 5.8 to 1 |
| 12 | `#948f3b` | `oklch(63.68% 0.1057 106.01)` | Golden Lime | black, 6.2 to 1 |
| 13 | `#989440` | `oklch(65.32% 0.1071 106.80)` | Plantain | black, 6.6 to 1 |
| 14 | `#9c9a44` | `oklch(66.96% 0.1084 107.59)` | Lazy Lizard | black, 7.1 to 1 |
| 15 | `#a09f49` | `oklch(68.59% 0.1095 108.36)` | Poplar | black, 7.5 to 1 |
| 16 | `#a4a54d` | `oklch(70.20% 0.1104 109.06)` | Olive Reserve | black, 8 to 1 |
| 17 | `#a8aa52` | `oklch(71.77% 0.1110 109.69)` | Spinach Banana Smoothie | black, 8.5 to 1 |
| 18 | `#adaf57` | `oklch(73.30% 0.1112 110.21)` | Palm Frond | black, 9 to 1 |
| 19 | `#b1b45d` | `oklch(74.78% 0.1110 110.59)` | Green Me | black, 9.5 to 1 |
| 20 | `#b5b862` | `oklch(76.19% 0.1102 110.82)` | Green Me | black, 10 to 1 |
| 21 | `#b9bc67` | `oklch(77.51% 0.1088 110.86)` | Kelly’s Flower | black, 10.4 to 1 |
| 22 | `#bdc06d` | `oklch(78.75% 0.1067 110.69)` | Zoodles | black, 10.9 to 1 |
| 23 | `#c1c473` | `oklch(79.94% 0.1034 110.20)` | Mélange Green | black, 11.3 to 1 |
| 24 | `#c5c77a` | `oklch(81.09% 0.0991 109.44)` | Soda Pop | black, 11.8 to 1 |
| 25 | `#caca81` | `oklch(82.19% 0.0940 108.46)` | Chimes | black, 12.2 to 1 |
| 26 | `#cecd89` | `oklch(83.24% 0.0884 107.35)` | Sunken Treasure | black, 12.6 to 1 |
| 27 | `#d2cf90` | `oklch(84.21% 0.0826 106.15)` | Lemon Fennel | black, 13 to 1 |
| 28 | `#d5d297` | `oklch(85.11% 0.0768 104.93)` | Lemon Fennel | black, 13.4 to 1 |
| 29 | `#d8d49d` | `oklch(85.93% 0.0713 103.77)` | Crocodile Tears | black, 13.7 to 1 |
| 30 | `#dbd6a3` | `oklch(86.66% 0.0663 102.73)` | Garden Glade | black, 14.1 to 1 |
| 31 | `#ddd7a8` | `oklch(87.28% 0.0622 101.87)` | Buckwheat Groats | black, 14.3 to 1 |
| 32 | `#dfd9ac` | `oklch(87.80% 0.0593 101.26)` | Fresh Willow | black, 14.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #635419 0.0%, #65571b 3.2%, #695b1d 6.5%, #6d601f 9.7%, #726521 12.9%, #776b24 16.1%, #7c7128 19.4%, #81772b 22.6%, #867e2f 25.8%, #8b8433 29.0%, #908a37 32.3%, #948f3b 35.5%, #989440 38.7%, #9c9a44 41.9%, #a09f49 45.2%, #a4a54d 48.4%, #a8aa52 51.6%, #adaf57 54.8%, #b1b45d 58.1%, #b5b862 61.3%, #b9bc67 64.5%, #bdc06d 67.7%, #c1c473 71.0%, #c5c77a 74.2%, #caca81 77.4%, #cecd89 80.6%, #d2cf90 83.9%, #d5d297 87.1%, #d8d49d 90.3%, #dbd6a3 93.5%, #ddd7a8 96.8%, #dfd9ac 100.0%);
background: linear-gradient(90deg in oklch, oklch(44.88% 0.0785 94.92) 0.0%, oklch(45.91% 0.0801 95.55) 3.2%, oklch(47.23% 0.0823 96.38) 6.5%, oklch(48.79% 0.0849 97.38) 9.7%, oklch(50.54% 0.0879 98.49) 12.9%, oklch(52.43% 0.0909 99.67) 16.1%, oklch(54.40% 0.0941 100.89) 19.4%, oklch(56.40% 0.0971 102.10) 22.6%, oklch(58.38% 0.0999 103.25) 25.8%, oklch(60.28% 0.1023 104.31) 29.0%, oklch(62.05% 0.1042 105.22) 32.3%, oklch(63.68% 0.1057 106.01) 35.5%, oklch(65.32% 0.1071 106.80) 38.7%, oklch(66.96% 0.1084 107.59) 41.9%, oklch(68.59% 0.1095 108.36) 45.2%, oklch(70.20% 0.1104 109.06) 48.4%, oklch(71.77% 0.1110 109.69) 51.6%, oklch(73.30% 0.1112 110.21) 54.8%, oklch(74.78% 0.1110 110.59) 58.1%, oklch(76.19% 0.1102 110.82) 61.3%, oklch(77.51% 0.1088 110.86) 64.5%, oklch(78.75% 0.1067 110.69) 67.7%, oklch(79.94% 0.1034 110.20) 71.0%, oklch(81.09% 0.0991 109.44) 74.2%, oklch(82.19% 0.0940 108.46) 77.4%, oklch(83.24% 0.0884 107.35) 80.6%, oklch(84.21% 0.0826 106.15) 83.9%, oklch(85.11% 0.0768 104.93) 87.1%, oklch(85.93% 0.0713 103.77) 90.3%, oklch(86.66% 0.0663 102.73) 93.5%, oklch(87.28% 0.0622 101.87) 96.8%, oklch(87.80% 0.0593 101.26) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.449 | 0.079 | 94.9 |
| 2 | 0.626 | 0.105 | 105.5 |
| 3 | 0.783 | 0.107 | 110.8 |
| 4 | 0.878 | 0.059 | 101.3 |

## In these collections

- [Forest gradients](https://grabient.com/forest-gradients)
- [Earth tone gradients](https://grabient.com/earth-tone-gradients)

## Other forms

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