# Vivid analogous yellow and brown linear gradient

Vivid analogous yellow and brown linear gradient with 40 colors: #e7c949, #e2c84c, #dbc84f, #d4c753, #cbc758, #c2c65d, #b8c462, #afc267, #a7c06b, #9fbd6e, #99ba70, #93b670, #8fb26f, #8dae6d, #8ba868, #8aa161, #8a9a59, #899150, #898847, #887f3f, #877638, #866e32, #86672d, #85622a, #865e28, #885c26, #8b5c25, #915f23, #986420, #a26c1c, #ac7615, #b78309, #c19100, #c9a000, #d1b000, #d6c000, #dbcf00, #dddd08, #dde81e, #def129. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU1WpEWiNEEGiOH0SMWg`
- Page: https://grabient.com/kU1WpEWiNEEGiOH0SMWg?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: dark center, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.6 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 | `#e7c949` | `oklch(83.86% 0.1461 95.62)` | Fall Meadow | black, 12.8 to 1 |
| 2 | `#e2c84c` | `oklch(83.30% 0.1437 97.43)` | Golden Kingdom | black, 12.6 to 1 |
| 3 | `#dbc84f` | `oklch(82.64% 0.1407 100.05)` | Cotton Candy Grape | black, 12.3 to 1 |
| 4 | `#d4c753` | `oklch(81.88% 0.1370 103.30)` | Citron | black, 12.1 to 1 |
| 5 | `#cbc758` | `oklch(81.03% 0.1329 107.00)` | Salsa Verde | black, 11.8 to 1 |
| 6 | `#c2c65d` | `oklch(80.09% 0.1285 110.97)` | Wild Willow | black, 11.4 to 1 |
| 7 | `#b8c462` | `oklch(79.09% 0.1238 115.02)` | Young Leaf | black, 11.1 to 1 |
| 8 | `#afc267` | `oklch(78.03% 0.1191 118.98)` | Light Olive | black, 10.7 to 1 |
| 9 | `#a7c06b` | `oklch(76.91% 0.1144 122.66)` | Light Olive | black, 10.3 to 1 |
| 10 | `#9fbd6e` | `oklch(75.75% 0.1099 125.87)` | Leticiaz | black, 9.9 to 1 |
| 11 | `#99ba70` | `oklch(74.56% 0.1057 128.45)` | Olivine | black, 9.5 to 1 |
| 12 | `#93b670` | `oklch(73.34% 0.1020 130.20)` | Uran Mica | black, 9.1 to 1 |
| 13 | `#8fb26f` | `oklch(72.11% 0.0989 130.94)` | Hakusai Green | black, 8.7 to 1 |
| 14 | `#8dae6d` | `oklch(70.87% 0.0965 130.50)` | Sage | black, 8.3 to 1 |
| 15 | `#8ba868` | `oklch(69.43% 0.0944 128.54)` | Peeled Asparagus | black, 7.9 to 1 |
| 16 | `#8aa161` | `oklch(67.65% 0.0924 125.03)` | Yanagizome Green | black, 7.3 to 1 |
| 17 | `#8a9a59` | `oklch(65.63% 0.0904 120.28)` | Vitality | black, 6.8 to 1 |
| 18 | `#899150` | `oklch(63.46% 0.0886 114.56)` | Fair and Square | black, 6.2 to 1 |
| 19 | `#898847` | `oklch(61.22% 0.0870 108.17)` | Overgrown Citadel | black, 5.6 to 1 |
| 20 | `#887f3f` | `oklch(59.00% 0.0858 101.39)` | Peas Please | black, 5.1 to 1 |
| 21 | `#877638` | `oklch(56.89% 0.0850 94.50)` | Jumping Juniper | black, 4.6 to 1 |
| 22 | `#866e32` | `oklch(54.98% 0.0847 87.79)` | Aged Antics | white, 4.8 to 1 |
| 23 | `#86672d` | `oklch(53.36% 0.0850 81.56)` | Hunting Jacket | white, 5.2 to 1 |
| 24 | `#85622a` | `oklch(52.12% 0.0859 76.09)` | Kumera | white, 5.5 to 1 |
| 25 | `#865e28` | `oklch(51.35% 0.0877 71.66)` | Treacle | white, 5.7 to 1 |
| 26 | `#885c26` | `oklch(51.14% 0.0902 68.57)` | Treacle | white, 5.8 to 1 |
| 27 | `#8b5c25` | `oklch(51.57% 0.0937 67.09)` | Treacle | white, 5.7 to 1 |
| 28 | `#915f23` | `oklch(52.81% 0.0986 67.29)` | Afghan Carpet | white, 5.4 to 1 |
| 29 | `#986420` | `oklch(54.84% 0.1051 68.89)` | Olivia | white, 5 to 1 |
| 30 | `#a26c1c` | `oklch(57.53% 0.1129 71.66)` | Cinnamon Brown | black, 4.7 to 1 |
| 31 | `#ac7615` | `oklch(60.76% 0.1218 75.38)` | Falafel | black, 5.3 to 1 |
| 32 | `#b78309` | `oklch(64.38% 0.1314 79.84)` | Letter Jacket | black, 6.2 to 1 |
| 33 | `#c19100` | `oklch(68.26% 0.1399 84.81)` | Moutarde de Bénichon | black, 7.2 to 1 |
| 34 | `#c9a000` | `oklch(72.26% 0.1477 90.09)` | Lepton Gold | black, 8.5 to 1 |
| 35 | `#d1b000` | `oklch(76.25% 0.1567 95.44)` | Mustard | black, 9.8 to 1 |
| 36 | `#d6c000` | `oklch(80.10% 0.1669 100.66)` | Groovy Lemon Pie | black, 11.3 to 1 |
| 37 | `#dbcf00` | `oklch(83.67% 0.1780 105.51)` | Chartreuse Shot | black, 12.9 to 1 |
| 38 | `#dddd08` | `oklch(86.82% 0.1882 109.78)` | Golden Gun | black, 14.3 to 1 |
| 39 | `#dde81e` | `oklch(89.42% 0.1948 113.25)` | Yellow Duranta | black, 15.7 to 1 |
| 40 | `#def129` | `oklch(91.34% 0.1998 115.70)` | Stadium Grass | black, 16.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #e7c949 0.0%, #e2c84c 2.6%, #dbc84f 5.1%, #d4c753 7.7%, #cbc758 10.3%, #c2c65d 12.8%, #b8c462 15.4%, #afc267 17.9%, #a7c06b 20.5%, #9fbd6e 23.1%, #99ba70 25.6%, #93b670 28.2%, #8fb26f 30.8%, #8dae6d 33.3%, #8ba868 35.9%, #8aa161 38.5%, #8a9a59 41.0%, #899150 43.6%, #898847 46.2%, #887f3f 48.7%, #877638 51.3%, #866e32 53.8%, #86672d 56.4%, #85622a 59.0%, #865e28 61.5%, #885c26 64.1%, #8b5c25 66.7%, #915f23 69.2%, #986420 71.8%, #a26c1c 74.4%, #ac7615 76.9%, #b78309 79.5%, #c19100 82.1%, #c9a000 84.6%, #d1b000 87.2%, #d6c000 89.7%, #dbcf00 92.3%, #dddd08 94.9%, #dde81e 97.4%, #def129 100.0%);
background: linear-gradient(135deg in oklch, oklch(83.86% 0.1461 95.62) 0.0%, oklch(83.30% 0.1437 97.43) 2.6%, oklch(82.64% 0.1407 100.05) 5.1%, oklch(81.88% 0.1370 103.30) 7.7%, oklch(81.03% 0.1329 107.00) 10.3%, oklch(80.09% 0.1285 110.97) 12.8%, oklch(79.09% 0.1238 115.02) 15.4%, oklch(78.03% 0.1191 118.98) 17.9%, oklch(76.91% 0.1144 122.66) 20.5%, oklch(75.75% 0.1099 125.87) 23.1%, oklch(74.56% 0.1057 128.45) 25.6%, oklch(73.34% 0.1020 130.20) 28.2%, oklch(72.11% 0.0989 130.94) 30.8%, oklch(70.87% 0.0965 130.50) 33.3%, oklch(69.43% 0.0944 128.54) 35.9%, oklch(67.65% 0.0924 125.03) 38.5%, oklch(65.63% 0.0904 120.28) 41.0%, oklch(63.46% 0.0886 114.56) 43.6%, oklch(61.22% 0.0870 108.17) 46.2%, oklch(59.00% 0.0858 101.39) 48.7%, oklch(56.89% 0.0850 94.50) 51.3%, oklch(54.98% 0.0847 87.79) 53.8%, oklch(53.36% 0.0850 81.56) 56.4%, oklch(52.12% 0.0859 76.09) 59.0%, oklch(51.35% 0.0877 71.66) 61.5%, oklch(51.14% 0.0902 68.57) 64.1%, oklch(51.57% 0.0937 67.09) 66.7%, oklch(52.81% 0.0986 67.29) 69.2%, oklch(54.84% 0.1051 68.89) 71.8%, oklch(57.53% 0.1129 71.66) 74.4%, oklch(60.76% 0.1218 75.38) 76.9%, oklch(64.38% 0.1314 79.84) 79.5%, oklch(68.26% 0.1399 84.81) 82.1%, oklch(72.26% 0.1477 90.09) 84.6%, oklch(76.25% 0.1567 95.44) 87.2%, oklch(80.10% 0.1669 100.66) 89.7%, oklch(83.67% 0.1780 105.51) 92.3%, oklch(86.82% 0.1882 109.78) 94.9%, oklch(89.42% 0.1948 113.25) 97.4%, oklch(91.34% 0.1998 115.70) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.839 | 0.146 | 95.6 |
| 2 | 0.709 | 0.096 | 130.5 |
| 3 | 0.516 | 0.094 | 67.1 |
| 4 | 0.913 | 0.2 | 115.7 |

## Other forms

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