# Olive basil sun haze

Vivid analogous tan, olive and green linear gradient with 40 colors: #c0b75e, #beb45b, #bbaf57, #b8aa53, #b5a54e, #b19f49, #ad9944, #a8933f, #a48e3a, #9f8a36, #9a8732, #94832d, #8c8029, #847e25, #7b7b22, #727921, #6a7821, #637722, #5e7624, #5b7726, #5c7928, #607c2a, #68812d, #728731, #7d8e35, #89943a, #959b3f, #a0a044, #aaa449, #b1a74e, #b5a853, #b7a657, #b7a45c, #b6a160, #b49e64, #b09a67, #ac966a, #a9936d, #a5916f, #a39070. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid analogous tan, olive and green linear gradient
- Seed: `kWw1FJz6a_EOpQ5bqD0VBI9I`
- Page: https://grabient.com/kWw1FJz6a_EOpQ5bqD0VBI9I?steps=40&angle=45
- Drawn as: linear gradient, 40 steps, 45 degrees
- Kinds: vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.4 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 | `#c0b75e` | `oklch(76.77% 0.1116 103.36)` | Tegreen | black, 10.1 to 1 |
| 2 | `#beb45b` | `oklch(75.88% 0.1112 102.73)` | Tarpon Green | black, 9.8 to 1 |
| 3 | `#bbaf57` | `oklch(74.70% 0.1106 101.69)` | Gilded Pesto | black, 9.4 to 1 |
| 4 | `#b8aa53` | `oklch(73.30% 0.1099 100.38)` | Cress Green | black, 8.9 to 1 |
| 5 | `#b5a54e` | `oklch(71.73% 0.1091 98.96)` | Moss Stone | black, 8.4 to 1 |
| 6 | `#b19f49` | `oklch(70.06% 0.1083 97.58)` | Queen Palm | black, 7.9 to 1 |
| 7 | `#ad9944` | `oklch(68.35% 0.1076 96.37)` | Prickly Pear | black, 7.4 to 1 |
| 8 | `#a8933f` | `oklch(66.66% 0.1069 95.49)` | 18th Century Green | black, 6.9 to 1 |
| 9 | `#a48e3a` | `oklch(65.04% 0.1064 95.09)` | Reef Gold | black, 6.5 to 1 |
| 10 | `#9f8a36` | `oklch(63.57% 0.1061 95.30)` | Autumn Festival | black, 6.1 to 1 |
| 11 | `#9a8732` | `oklch(62.29% 0.1061 96.30)` | Parsnip Root | black, 5.8 to 1 |
| 12 | `#94832d` | `oklch(60.95% 0.1065 98.43)` | Jungle Palm | black, 5.5 to 1 |
| 13 | `#8c8029` | `oklch(59.51% 0.1070 101.56)` | Jungle Palm | black, 5.2 to 1 |
| 14 | `#847e25` | `oklch(58.05% 0.1078 105.39)` | Verdant | black, 4.9 to 1 |
| 15 | `#7b7b22` | `oklch(56.63% 0.1088 109.63)` | Tool Green | black, 4.7 to 1 |
| 16 | `#727921` | `oklch(55.34% 0.1097 113.96)` | Crocodile Eye | white, 4.6 to 1 |
| 17 | `#6a7821` | `oklch(54.26% 0.1107 118.09)` | Castelvetrano Olive | white, 4.8 to 1 |
| 18 | `#637722` | `oklch(53.45% 0.1116 121.72)` | Castelvetrano Olive | white, 5 to 1 |
| 19 | `#5e7624` | `oklch(52.99% 0.1123 124.54)` | Fern Frond | white, 5.1 to 1 |
| 20 | `#5b7726` | `oklch(52.97% 0.1128 126.26)` | Luscious Lemongrass | white, 5.1 to 1 |
| 21 | `#5c7928` | `oklch(53.50% 0.1131 126.63)` | Luscious Lemongrass | white, 4.9 to 1 |
| 22 | `#607c2a` | `oklch(54.74% 0.1137 125.88)` | Dirty Green | white, 4.7 to 1 |
| 23 | `#68812d` | `oklch(56.59% 0.1144 124.25)` | Dirty Green | black, 4.7 to 1 |
| 24 | `#728731` | `oklch(58.87% 0.1151 121.89)` | Khaki Green | black, 5.2 to 1 |
| 25 | `#7d8e35` | `oklch(61.40% 0.1157 119.01)` | Sassy Grass | black, 5.7 to 1 |
| 26 | `#89943a` | `oklch(64.01% 0.1160 115.77)` | Chorus of Frogs | black, 6.3 to 1 |
| 27 | `#959b3f` | `oklch(66.54% 0.1158 112.36)` | Split Pea | black, 7 to 1 |
| 28 | `#a0a044` | `oklch(68.80% 0.1150 108.96)` | Poplar | black, 7.6 to 1 |
| 29 | `#aaa449` | `oklch(70.63% 0.1135 105.76)` | Desert Locust | black, 8.1 to 1 |
| 30 | `#b1a74e` | `oklch(71.86% 0.1110 102.93)` | Pickled | black, 8.5 to 1 |
| 31 | `#b5a853` | `oklch(72.39% 0.1073 100.42)` | Pickled | black, 8.6 to 1 |
| 32 | `#b7a657` | `oklch(72.41% 0.1020 97.76)` | Moss Stone | black, 8.6 to 1 |
| 33 | `#b7a45c` | `oklch(72.02% 0.0956 95.00)` | Gingko Leaf | black, 8.4 to 1 |
| 34 | `#b6a160` | `oklch(71.31% 0.0884 92.23)` | Frickles | black, 8.2 to 1 |
| 35 | `#b49e64` | `oklch(70.40% 0.0807 89.49)` | Apple Wine | black, 7.9 to 1 |
| 36 | `#b09a67` | `oklch(69.37% 0.0730 86.88)` | Veranda Gold | black, 7.6 to 1 |
| 37 | `#ac966a` | `oklch(68.34% 0.0657 84.46)` | There’s No Place Like Home | black, 7.3 to 1 |
| 38 | `#a9936d` | `oklch(67.39% 0.0591 82.30)` | Sweet Sparrow | black, 7 to 1 |
| 39 | `#a5916f` | `oklch(66.62% 0.0536 80.47)` | Natural Bridge | black, 6.8 to 1 |
| 40 | `#a39070` | `oklch(66.14% 0.0496 79.05)` | Natural Bridge | black, 6.7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #c0b75e 0.0%, #beb45b 2.6%, #bbaf57 5.1%, #b8aa53 7.7%, #b5a54e 10.3%, #b19f49 12.8%, #ad9944 15.4%, #a8933f 17.9%, #a48e3a 20.5%, #9f8a36 23.1%, #9a8732 25.6%, #94832d 28.2%, #8c8029 30.8%, #847e25 33.3%, #7b7b22 35.9%, #727921 38.5%, #6a7821 41.0%, #637722 43.6%, #5e7624 46.2%, #5b7726 48.7%, #5c7928 51.3%, #607c2a 53.8%, #68812d 56.4%, #728731 59.0%, #7d8e35 61.5%, #89943a 64.1%, #959b3f 66.7%, #a0a044 69.2%, #aaa449 71.8%, #b1a74e 74.4%, #b5a853 76.9%, #b7a657 79.5%, #b7a45c 82.1%, #b6a160 84.6%, #b49e64 87.2%, #b09a67 89.7%, #ac966a 92.3%, #a9936d 94.9%, #a5916f 97.4%, #a39070 100.0%);
background: linear-gradient(45deg in oklch, oklch(76.77% 0.1116 103.36) 0.0%, oklch(75.88% 0.1112 102.73) 2.6%, oklch(74.70% 0.1106 101.69) 5.1%, oklch(73.30% 0.1099 100.38) 7.7%, oklch(71.73% 0.1091 98.96) 10.3%, oklch(70.06% 0.1083 97.58) 12.8%, oklch(68.35% 0.1076 96.37) 15.4%, oklch(66.66% 0.1069 95.49) 17.9%, oklch(65.04% 0.1064 95.09) 20.5%, oklch(63.57% 0.1061 95.30) 23.1%, oklch(62.29% 0.1061 96.30) 25.6%, oklch(60.95% 0.1065 98.43) 28.2%, oklch(59.51% 0.1070 101.56) 30.8%, oklch(58.05% 0.1078 105.39) 33.3%, oklch(56.63% 0.1088 109.63) 35.9%, oklch(55.34% 0.1097 113.96) 38.5%, oklch(54.26% 0.1107 118.09) 41.0%, oklch(53.45% 0.1116 121.72) 43.6%, oklch(52.99% 0.1123 124.54) 46.2%, oklch(52.97% 0.1128 126.26) 48.7%, oklch(53.50% 0.1131 126.63) 51.3%, oklch(54.74% 0.1137 125.88) 53.8%, oklch(56.59% 0.1144 124.25) 56.4%, oklch(58.87% 0.1151 121.89) 59.0%, oklch(61.40% 0.1157 119.01) 61.5%, oklch(64.01% 0.1160 115.77) 64.1%, oklch(66.54% 0.1158 112.36) 66.7%, oklch(68.80% 0.1150 108.96) 69.2%, oklch(70.63% 0.1135 105.76) 71.8%, oklch(71.86% 0.1110 102.93) 74.4%, oklch(72.39% 0.1073 100.42) 76.9%, oklch(72.41% 0.1020 97.76) 79.5%, oklch(72.02% 0.0956 95.00) 82.1%, oklch(71.31% 0.0884 92.23) 84.6%, oklch(70.40% 0.0807 89.49) 87.2%, oklch(69.37% 0.0730 86.88) 89.7%, oklch(68.34% 0.0657 84.46) 92.3%, oklch(67.39% 0.0591 82.30) 94.9%, oklch(66.62% 0.0536 80.47) 97.4%, oklch(66.14% 0.0496 79.05) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.768 | 0.112 | 103.4 |
| 2 | 0.626 | 0.106 | 96 |
| 3 | 0.531 | 0.113 | 126.6 |
| 4 | 0.72 | 0.11 | 102.3 |
| 5 | 0.661 | 0.05 | 79.1 |

## In these collections

- [Tomato vine abundance](https://grabient.com/tomato-vine-abundance)

## Other forms

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