# Orange muted olive gradient

Tan, olive, green and brown linear gradient with 32 colors: #be965d, #b7945a, #ae9158, #a48d55, #988953, #8d8551, #82804e, #797c4c, #717849, #6a7445, #636f40, #5d6b3a, #566734, #51642e, #4d6129, #4a5f25, #485f24, #486026, #49632a, #4b672f, #4f6a33, #536d36, #596f36, #5f7033, #666d2b, #70681e, #7a600f, #835608, #894c14, #8c4322, #8d3c2f, #8c3838. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tan, olive, green and brown linear gradient
- Seed: `kWsUA1xxjEjmgQXBoD8uio0Q`
- Page: https://grabient.com/kWsUA1xxjEjmgQXBoD8uio0Q?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.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 | `#be965d` | `oklch(69.69% 0.0882 75.23)` | Gold Torch | black, 7.6 to 1 |
| 2 | `#b7945a` | `oklch(68.56% 0.0862 78.56)` | Barley Corn | black, 7.3 to 1 |
| 3 | `#ae9158` | `oklch(67.03% 0.0833 83.20)` | Asian Pear | black, 6.9 to 1 |
| 4 | `#a48d55` | `oklch(65.21% 0.0798 88.74)` | Fallow Deer | black, 6.5 to 1 |
| 5 | `#988953` | `oklch(63.20% 0.0761 94.76)` | Goldbrown | black, 6 to 1 |
| 6 | `#8d8551` | `oklch(61.12% 0.0726 100.82)` | Dried Bay Leaf | black, 5.6 to 1 |
| 7 | `#82804e` | `oklch(59.08% 0.0698 106.52)` | Terrapin | black, 5.1 to 1 |
| 8 | `#797c4c` | `oklch(57.17% 0.0680 111.43)` | Tara’s Drapes | black, 4.8 to 1 |
| 9 | `#717849` | `oklch(55.51% 0.0676 115.15)` | Verdant Views | white, 4.6 to 1 |
| 10 | `#6a7445` | `oklch(53.83% 0.0687 118.09)` | Oakmoss | white, 5 to 1 |
| 11 | `#636f40` | `oklch(52.08% 0.0711 120.52)` | Grass Blade | white, 5.3 to 1 |
| 12 | `#5d6b3a` | `oklch(50.36% 0.0743 122.49)` | Globe Artichoke | white, 5.7 to 1 |
| 13 | `#566734` | `oklch(48.75% 0.0779 124.06)` | Deathworld Forest | white, 6.1 to 1 |
| 14 | `#51642e` | `oklch(47.34% 0.0816 125.26)` | Basil Green | white, 6.5 to 1 |
| 15 | `#4d6129` | `oklch(46.22% 0.0849 126.16)` | Gemstone Green | white, 6.8 to 1 |
| 16 | `#4a5f25` | `oklch(45.48% 0.0874 126.79)` | Obscure Olive | white, 7 to 1 |
| 17 | `#485f24` | `oklch(45.23% 0.0887 127.32)` | Obscure Olive | white, 7.1 to 1 |
| 18 | `#486026` | `oklch(45.61% 0.0891 128.37)` | Obscure Olive | white, 7 to 1 |
| 19 | `#49632a` | `oklch(46.48% 0.0887 129.62)` | Dell | white, 6.7 to 1 |
| 20 | `#4b672f` | `oklch(47.65% 0.0881 130.58)` | Dell | white, 6.4 to 1 |
| 21 | `#4f6a33` | `oklch(48.93% 0.0873 130.80)` | Green Leaf | white, 6 to 1 |
| 22 | `#536d36` | `oklch(50.13% 0.0868 129.81)` | Fig Leaf | white, 5.7 to 1 |
| 23 | `#596f36` | `oklch(51.07% 0.0869 127.12)` | Deep Pine | white, 5.5 to 1 |
| 24 | `#5f7033` | `oklch(51.55% 0.0878 122.28)` | Venom Wyrm | white, 5.4 to 1 |
| 25 | `#666d2b` | `oklch(51.46% 0.0899 114.38)` | Forest Spirit | white, 5.5 to 1 |
| 26 | `#70681e` | `oklch(50.95% 0.0931 102.76)` | Spicy Mustard | white, 5.7 to 1 |
| 27 | `#7a600f` | `oklch(50.14% 0.0971 88.60)` | Ground Earth | white, 5.9 to 1 |
| 28 | `#835608` | `oklch(49.15% 0.1014 73.11)` | Spear Shaft | white, 6.3 to 1 |
| 29 | `#894c14` | `oklch(48.09% 0.1058 57.52)` | Brown Eyed Girl | white, 6.7 to 1 |
| 30 | `#8c4322` | `oklch(47.08% 0.1099 43.05)` | Chocolate Covered | white, 7.1 to 1 |
| 31 | `#8d3c2f` | `oklch(46.23% 0.1133 30.93)` | Gatsby Brick | white, 7.4 to 1 |
| 32 | `#8c3838` | `oklch(45.67% 0.1157 22.40)` | Red Bay | white, 7.6 to 1 |

## CSS

```css
background: linear-gradient(45deg, #be965d 0.0%, #b7945a 3.2%, #ae9158 6.5%, #a48d55 9.7%, #988953 12.9%, #8d8551 16.1%, #82804e 19.4%, #797c4c 22.6%, #717849 25.8%, #6a7445 29.0%, #636f40 32.3%, #5d6b3a 35.5%, #566734 38.7%, #51642e 41.9%, #4d6129 45.2%, #4a5f25 48.4%, #485f24 51.6%, #486026 54.8%, #49632a 58.1%, #4b672f 61.3%, #4f6a33 64.5%, #536d36 67.7%, #596f36 71.0%, #5f7033 74.2%, #666d2b 77.4%, #70681e 80.6%, #7a600f 83.9%, #835608 87.1%, #894c14 90.3%, #8c4322 93.5%, #8d3c2f 96.8%, #8c3838 100.0%);
background: linear-gradient(45deg in oklch, oklch(69.69% 0.0882 75.23) 0.0%, oklch(68.56% 0.0862 78.56) 3.2%, oklch(67.03% 0.0833 83.20) 6.5%, oklch(65.21% 0.0798 88.74) 9.7%, oklch(63.20% 0.0761 94.76) 12.9%, oklch(61.12% 0.0726 100.82) 16.1%, oklch(59.08% 0.0698 106.52) 19.4%, oklch(57.17% 0.0680 111.43) 22.6%, oklch(55.51% 0.0676 115.15) 25.8%, oklch(53.83% 0.0687 118.09) 29.0%, oklch(52.08% 0.0711 120.52) 32.3%, oklch(50.36% 0.0743 122.49) 35.5%, oklch(48.75% 0.0779 124.06) 38.7%, oklch(47.34% 0.0816 125.26) 41.9%, oklch(46.22% 0.0849 126.16) 45.2%, oklch(45.48% 0.0874 126.79) 48.4%, oklch(45.23% 0.0887 127.32) 51.6%, oklch(45.61% 0.0891 128.37) 54.8%, oklch(46.48% 0.0887 129.62) 58.1%, oklch(47.65% 0.0881 130.58) 61.3%, oklch(48.93% 0.0873 130.80) 64.5%, oklch(50.13% 0.0868 129.81) 67.7%, oklch(51.07% 0.0869 127.12) 71.0%, oklch(51.55% 0.0878 122.28) 74.2%, oklch(51.46% 0.0899 114.38) 77.4%, oklch(50.95% 0.0931 102.76) 80.6%, oklch(50.14% 0.0971 88.60) 83.9%, oklch(49.15% 0.1014 73.11) 87.1%, oklch(48.09% 0.1058 57.52) 90.3%, oklch(47.08% 0.1099 43.05) 93.5%, oklch(46.23% 0.1133 30.93) 96.8%, oklch(45.67% 0.1157 22.40) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.697 | 0.088 | 75.2 |
| 2 | 0.559 | 0.068 | 114.3 |
| 3 | 0.453 | 0.088 | 127 |
| 4 | 0.516 | 0.088 | 120.7 |
| 5 | 0.457 | 0.116 | 22.4 |

## In these collections

- [Chuseok songpyeon colors](https://grabient.com/chuseok-songpyeon-colors)

## Other forms

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