# Olive gold walnut gradient

Analogous yellow to brown linear gradient with 32 colors: #dfe666, #dce063, #d9d95e, #d4d159, #cfc854, #c9be4f, #c3b449, #bcaa44, #b5a03f, #ae973b, #a88e36, #a28632, #9c7d2e, #95752a, #8e6c27, #886423, #815c20, #7a541d, #734d1b, #6c4619, #654017, #5f3b16, #593516, #523015, #4c2c15, #452714, #3f2314, #3a2013, #351d12, #301a12, #2c1811, #291610. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous yellow to brown linear gradient
- Seed: `kU421P0ie9jIavIcjD0A`
- Page: https://grabient.com/kU421P0ie9jIavIcjD0A?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light to dark, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 12.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 | `#dfe666` | `oklch(89.37% 0.1502 111.80)` | Mindaro | black, 15.5 to 1 |
| 2 | `#dce063` | `oklch(87.95% 0.1478 110.68)` | Green Glitter | black, 14.8 to 1 |
| 3 | `#d9d95e` | `oklch(86.14% 0.1447 109.30)` | Banana Chalk | black, 14 to 1 |
| 4 | `#d4d159` | `oklch(83.99% 0.1411 107.69)` | Sequesta | black, 13 to 1 |
| 5 | `#cfc854` | `oklch(81.59% 0.1369 105.87)` | Salsa Verde | black, 12 to 1 |
| 6 | `#c9be4f` | `oklch(78.99% 0.1325 103.89)` | Sulphur Yellow | black, 10.9 to 1 |
| 7 | `#c3b449` | `oklch(76.26% 0.1279 101.76)` | Hep Green | black, 9.9 to 1 |
| 8 | `#bcaa44` | `oklch(73.47% 0.1232 99.53)` | Cress Green | black, 8.9 to 1 |
| 9 | `#b5a03f` | `oklch(70.68% 0.1186 97.22)` | Sea Squash | black, 8.1 to 1 |
| 10 | `#ae973b` | `oklch(67.97% 0.1142 94.87)` | Mana | black, 7.2 to 1 |
| 11 | `#a88e36` | `oklch(65.39% 0.1101 92.50)` | Reef Gold | black, 6.5 to 1 |
| 12 | `#a28632` | `oklch(62.94% 0.1064 90.11)` | Dried Tobacco | black, 5.9 to 1 |
| 13 | `#9c7d2e` | `oklch(60.44% 0.1028 87.55)` | Spruced Up | black, 5.3 to 1 |
| 14 | `#95752a` | `oklch(57.89% 0.0993 84.85)` | Mode Beige | black, 4.8 to 1 |
| 15 | `#8e6c27` | `oklch(55.32% 0.0959 82.05)` | Sassy Olive | white, 4.8 to 1 |
| 16 | `#886423` | `oklch(52.75% 0.0925 79.17)` | Kumera | white, 5.3 to 1 |
| 17 | `#815c20` | `oklch(50.21% 0.0892 76.26)` | Hot Curry | white, 6 to 1 |
| 18 | `#7a541d` | `oklch(47.72% 0.0858 73.34)` | Lizard Brown | white, 6.7 to 1 |
| 19 | `#734d1b` | `oklch(45.29% 0.0824 70.46)` | Hairy Brown | white, 7.4 to 1 |
| 20 | `#6c4619` | `oklch(42.97% 0.0790 67.64)` | Antique Brass | white, 8.2 to 1 |
| 21 | `#654017` | `oklch(40.76% 0.0754 64.92)` | Pullman Brown | white, 9 to 1 |
| 22 | `#5f3b16` | `oklch(38.69% 0.0718 62.33)` | Hippogriff Brown | white, 9.9 to 1 |
| 23 | `#593516` | `oklch(36.66% 0.0678 59.67)` | Chocolate Fantasies | white, 10.7 to 1 |
| 24 | `#523015` | `oklch(34.65% 0.0635 56.93)` | Dark Catacombs | white, 11.6 to 1 |
| 25 | `#4c2c15` | `oklch(32.70% 0.0590 54.18)` | Bittersweet Chocolate | white, 12.5 to 1 |
| 26 | `#452714` | `oklch(30.82% 0.0545 51.45)` | Night Brown | white, 13.4 to 1 |
| 27 | `#3f2314` | `oklch(29.04% 0.0501 48.82)` | Délicieux au Chocolat | white, 14.3 to 1 |
| 28 | `#3a2013` | `oklch(27.38% 0.0458 46.33)` | Wetlands Swamp | white, 15 to 1 |
| 29 | `#351d12` | `oklch(25.87% 0.0419 44.03)` | Scorched | white, 15.7 to 1 |
| 30 | `#301a12` | `oklch(24.53% 0.0384 41.99)` | Darkroom | white, 16.3 to 1 |
| 31 | `#2c1811` | `oklch(23.38% 0.0354 40.26)` | Darkroom | white, 16.8 to 1 |
| 32 | `#291610` | `oklch(22.44% 0.0331 38.88)` | Tetsu-Guro Black | white, 17.2 to 1 |

## CSS

```css
background: linear-gradient(180deg, #dfe666 0.0%, #dce063 3.2%, #d9d95e 6.5%, #d4d159 9.7%, #cfc854 12.9%, #c9be4f 16.1%, #c3b449 19.4%, #bcaa44 22.6%, #b5a03f 25.8%, #ae973b 29.0%, #a88e36 32.3%, #a28632 35.5%, #9c7d2e 38.7%, #95752a 41.9%, #8e6c27 45.2%, #886423 48.4%, #815c20 51.6%, #7a541d 54.8%, #734d1b 58.1%, #6c4619 61.3%, #654017 64.5%, #5f3b16 67.7%, #593516 71.0%, #523015 74.2%, #4c2c15 77.4%, #452714 80.6%, #3f2314 83.9%, #3a2013 87.1%, #351d12 90.3%, #301a12 93.5%, #2c1811 96.8%, #291610 100.0%);
background: linear-gradient(180deg in oklch, oklch(89.37% 0.1502 111.80) 0.0%, oklch(87.95% 0.1478 110.68) 3.2%, oklch(86.14% 0.1447 109.30) 6.5%, oklch(83.99% 0.1411 107.69) 9.7%, oklch(81.59% 0.1369 105.87) 12.9%, oklch(78.99% 0.1325 103.89) 16.1%, oklch(76.26% 0.1279 101.76) 19.4%, oklch(73.47% 0.1232 99.53) 22.6%, oklch(70.68% 0.1186 97.22) 25.8%, oklch(67.97% 0.1142 94.87) 29.0%, oklch(65.39% 0.1101 92.50) 32.3%, oklch(62.94% 0.1064 90.11) 35.5%, oklch(60.44% 0.1028 87.55) 38.7%, oklch(57.89% 0.0993 84.85) 41.9%, oklch(55.32% 0.0959 82.05) 45.2%, oklch(52.75% 0.0925 79.17) 48.4%, oklch(50.21% 0.0892 76.26) 51.6%, oklch(47.72% 0.0858 73.34) 54.8%, oklch(45.29% 0.0824 70.46) 58.1%, oklch(42.97% 0.0790 67.64) 61.3%, oklch(40.76% 0.0754 64.92) 64.5%, oklch(38.69% 0.0718 62.33) 67.7%, oklch(36.66% 0.0678 59.67) 71.0%, oklch(34.65% 0.0635 56.93) 74.2%, oklch(32.70% 0.0590 54.18) 77.4%, oklch(30.82% 0.0545 51.45) 80.6%, oklch(29.04% 0.0501 48.82) 83.9%, oklch(27.38% 0.0458 46.33) 87.1%, oklch(25.87% 0.0419 44.03) 90.3%, oklch(24.53% 0.0384 41.99) 93.5%, oklch(23.38% 0.0354 40.26) 96.8%, oklch(22.44% 0.0331 38.88) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.894 | 0.15 | 111.8 |
| 2 | 0.646 | 0.109 | 91.7 |
| 3 | 0.394 | 0.073 | 63.2 |
| 4 | 0.224 | 0.033 | 38.9 |

## In these collections

- [Wood color palette](https://grabient.com/wood-color-palette)

## Other forms

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