# Turmeric orange over banana green

Analogous olive, orange, tan and gray linear gradient with 56 colors: #a0a037, #a2a23c, #a3a643, #a6aa4b, #a8b054, #abb55d, #aebb67, #b1c170, #b5c678, #b8cb80, #bccf86, #bfd28a, #c3d48d, #c5d48d, #c8d38b, #cad085, #cdca7c, #d0c371, #d3ba65, #d5b059, #d8a44e, #d99945, #d98d3f, #d9813d, #d8773c, #d66e3e, #d4683f, #d2643f, #d0623f, #cf633c, #ce6637, #cd6a31, #cc702b, #c97727, #c67f25, #c28728, #be8f30, #ba9739, #b59e44, #b1a44f, #afa959, #adad61, #adb067, #aeb26d, #b0b473, #b2b579, #b5b77e, #b8b883, #bab988, #bdbb8d, #c0bc91, #c2bd96, #c4be9a, #c6bf9e, #c7bfa1, #c8c0a4. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous olive, orange, tan and gray linear gradient
- Seed: `kWrltN6yLA0-2NrdI8hZo6-Q`
- Page: https://grabient.com/kWrltN6yLA0-2NrdI8hZo6-Q?steps=56&angle=45
- Drawn as: linear gradient, 56 steps, 45 degrees
- Kinds: pastel
- Hues: wide
- 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 | `#a0a037` | `oklch(68.50% 0.1254 108.98)` | Machine Green | black, 7.5 to 1 |
| 2 | `#a2a23c` | `oklch(69.25% 0.1239 109.50)` | Machine Green | black, 7.7 to 1 |
| 3 | `#a3a643` | `oklch(70.30% 0.1218 110.44)` | Camo Green | black, 8 to 1 |
| 4 | `#a6aa4b` | `oklch(71.59% 0.1192 111.70)` | Olive Reserve | black, 8.4 to 1 |
| 5 | `#a8b054` | `oklch(73.06% 0.1163 113.16)` | Greasy Green Beans | black, 8.9 to 1 |
| 6 | `#abb55d` | `oklch(74.64% 0.1131 114.73)` | Gooseberry Fool | black, 9.5 to 1 |
| 7 | `#aebb67` | `oklch(76.29% 0.1098 116.29)` | Lime Rickey | black, 10 to 1 |
| 8 | `#b1c170` | `oklch(77.93% 0.1065 117.74)` | Lavish Lime | black, 10.6 to 1 |
| 9 | `#b5c678` | `oklch(79.51% 0.1033 118.97)` | Valley View | black, 11.2 to 1 |
| 10 | `#b8cb80` | `oklch(80.96% 0.1005 119.87)` | Nurgling Green | black, 11.8 to 1 |
| 11 | `#bccf86` | `oklch(82.23% 0.0981 120.34)` | Lettuce Green | black, 12.3 to 1 |
| 12 | `#bfd28a` | `oklch(83.24% 0.0962 120.26)` | Spring Has Sprung | black, 12.8 to 1 |
| 13 | `#c3d48d` | `oklch(83.95% 0.0951 119.54)` | Spring Has Sprung | black, 13 to 1 |
| 14 | `#c5d48d` | `oklch(84.28% 0.0947 118.05)` | Spring Has Sprung | black, 13.2 to 1 |
| 15 | `#c8d38b` | `oklch(84.18% 0.0953 115.69)` | Sunken Treasure | black, 13.1 to 1 |
| 16 | `#cad085` | `oklch(83.57% 0.0972 111.93)` | Deco | black, 12.8 to 1 |
| 17 | `#cdca7c` | `oklch(82.49% 0.1002 106.82)` | March Tulip Green | black, 12.3 to 1 |
| 18 | `#d0c371` | `oklch(81.02% 0.1042 100.62)` | Tropical Moss | black, 11.7 to 1 |
| 19 | `#d3ba65` | `oklch(79.25% 0.1089 93.61)` | Tookie Bird | black, 10.9 to 1 |
| 20 | `#d5b059` | `oklch(77.26% 0.1142 86.05)` | Golden Cricket | black, 10.1 to 1 |
| 21 | `#d8a44e` | `oklch(75.12% 0.1197 78.23)` | Plantain Chips | black, 9.3 to 1 |
| 22 | `#d99945` | `oklch(72.92% 0.1253 70.40)` | Aged Gouda | black, 8.5 to 1 |
| 23 | `#d98d3f` | `oklch(70.73% 0.1308 62.84)` | Suede Vest | black, 7.8 to 1 |
| 24 | `#d9813d` | `oklch(68.64% 0.1360 55.82)` | Mexican Spirit | black, 7.1 to 1 |
| 25 | `#d8773c` | `oklch(66.73% 0.1405 49.62)` | Jaffa Orange | black, 6.6 to 1 |
| 26 | `#d66e3e` | `oklch(65.08% 0.1443 44.49)` | Field Poppy | black, 6.1 to 1 |
| 27 | `#d4683f` | `oklch(63.76% 0.1470 40.72)` | Fresh Acorn | black, 5.8 to 1 |
| 28 | `#d2643f` | `oklch(62.86% 0.1486 38.56)` | Citrus Notes | black, 5.6 to 1 |
| 29 | `#d0623f` | `oklch(62.44% 0.1487 38.29)` | Sweet Mandarin | black, 5.5 to 1 |
| 30 | `#cf633c` | `oklch(62.38% 0.1478 39.90)` | Campfire | black, 5.5 to 1 |
| 31 | `#ce6637` | `oklch(62.61% 0.1460 43.13)` | Casa de Oro | black, 5.5 to 1 |
| 32 | `#cd6a31` | `oklch(63.10% 0.1434 47.71)` | Casa de Oro | black, 5.7 to 1 |
| 33 | `#cc702b` | `oklch(63.80% 0.1401 53.37)` | Ochre Pigment | black, 5.9 to 1 |
| 34 | `#c97727` | `oklch(64.68% 0.1363 59.83)` | Brownish Orange | black, 6.1 to 1 |
| 35 | `#c67f25` | `oklch(65.69% 0.1320 66.84)` | Mulberry Thorn | black, 6.4 to 1 |
| 36 | `#c28728` | `oklch(66.79% 0.1274 74.12)` | Simply Sienna | black, 6.8 to 1 |
| 37 | `#be8f30` | `oklch(67.94% 0.1225 81.40)` | Arnica | black, 7.1 to 1 |
| 38 | `#ba9739` | `oklch(69.11% 0.1176 88.42)` | Golden History | black, 7.5 to 1 |
| 39 | `#b59e44` | `oklch(70.24% 0.1126 94.90)` | Tiki Torch | black, 7.9 to 1 |
| 40 | `#b1a44f` | `oklch(71.31% 0.1077 100.57)` | Moss Stone | black, 8.3 to 1 |
| 41 | `#afa959` | `oklch(72.26% 0.1031 105.16)` | Spinach Banana Smoothie | black, 8.6 to 1 |
| 42 | `#adad61` | `oklch(73.06% 0.0988 108.41)` | Palm Frond | black, 8.9 to 1 |
| 43 | `#adb067` | `oklch(73.72% 0.0948 110.28)` | April Green | black, 9.1 to 1 |
| 44 | `#aeb26d` | `oklch(74.39% 0.0904 111.24)` | Rodham | black, 9.3 to 1 |
| 45 | `#b0b473` | `oklch(75.05% 0.0858 111.43)` | Timothy Grass | black, 9.5 to 1 |
| 46 | `#b2b579` | `oklch(75.70% 0.0810 110.96)` | Fancy Flirt | black, 9.8 to 1 |
| 47 | `#b5b77e` | `oklch(76.34% 0.0761 109.96)` | Fancy Flirt | black, 10 to 1 |
| 48 | `#b8b883` | `oklch(76.96% 0.0712 108.52)` | Aloe Plant | black, 10.2 to 1 |
| 49 | `#bab988` | `oklch(77.56% 0.0663 106.78)` | Baby Bok Choy | black, 10.4 to 1 |
| 50 | `#bdbb8d` | `oklch(78.13% 0.0616 104.83)` | Baby Bok Choy | black, 10.6 to 1 |
| 51 | `#c0bc91` | `oklch(78.67% 0.0570 102.79)` | New Foliage | black, 10.8 to 1 |
| 52 | `#c2bd96` | `oklch(79.17% 0.0528 100.77)` | Esprit | black, 10.9 to 1 |
| 53 | `#c4be9a` | `oklch(79.63% 0.0489 98.90)` | Fields Afar | black, 11.1 to 1 |
| 54 | `#c6bf9e` | `oklch(80.05% 0.0454 97.28)` | Fields Afar | black, 11.2 to 1 |
| 55 | `#c7bfa1` | `oklch(80.41% 0.0424 96.02)` | Washed Olive | black, 11.4 to 1 |
| 56 | `#c8c0a4` | `oklch(80.71% 0.0400 95.25)` | Mandu Dumpling | black, 11.5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #a0a037 0.0%, #a2a23c 1.8%, #a3a643 3.6%, #a6aa4b 5.5%, #a8b054 7.3%, #abb55d 9.1%, #aebb67 10.9%, #b1c170 12.7%, #b5c678 14.5%, #b8cb80 16.4%, #bccf86 18.2%, #bfd28a 20.0%, #c3d48d 21.8%, #c5d48d 23.6%, #c8d38b 25.5%, #cad085 27.3%, #cdca7c 29.1%, #d0c371 30.9%, #d3ba65 32.7%, #d5b059 34.5%, #d8a44e 36.4%, #d99945 38.2%, #d98d3f 40.0%, #d9813d 41.8%, #d8773c 43.6%, #d66e3e 45.5%, #d4683f 47.3%, #d2643f 49.1%, #d0623f 50.9%, #cf633c 52.7%, #ce6637 54.5%, #cd6a31 56.4%, #cc702b 58.2%, #c97727 60.0%, #c67f25 61.8%, #c28728 63.6%, #be8f30 65.5%, #ba9739 67.3%, #b59e44 69.1%, #b1a44f 70.9%, #afa959 72.7%, #adad61 74.5%, #adb067 76.4%, #aeb26d 78.2%, #b0b473 80.0%, #b2b579 81.8%, #b5b77e 83.6%, #b8b883 85.5%, #bab988 87.3%, #bdbb8d 89.1%, #c0bc91 90.9%, #c2bd96 92.7%, #c4be9a 94.5%, #c6bf9e 96.4%, #c7bfa1 98.2%, #c8c0a4 100.0%);
background: linear-gradient(45deg in oklch, oklch(68.50% 0.1254 108.98) 0.0%, oklch(69.25% 0.1239 109.50) 1.8%, oklch(70.30% 0.1218 110.44) 3.6%, oklch(71.59% 0.1192 111.70) 5.5%, oklch(73.06% 0.1163 113.16) 7.3%, oklch(74.64% 0.1131 114.73) 9.1%, oklch(76.29% 0.1098 116.29) 10.9%, oklch(77.93% 0.1065 117.74) 12.7%, oklch(79.51% 0.1033 118.97) 14.5%, oklch(80.96% 0.1005 119.87) 16.4%, oklch(82.23% 0.0981 120.34) 18.2%, oklch(83.24% 0.0962 120.26) 20.0%, oklch(83.95% 0.0951 119.54) 21.8%, oklch(84.28% 0.0947 118.05) 23.6%, oklch(84.18% 0.0953 115.69) 25.5%, oklch(83.57% 0.0972 111.93) 27.3%, oklch(82.49% 0.1002 106.82) 29.1%, oklch(81.02% 0.1042 100.62) 30.9%, oklch(79.25% 0.1089 93.61) 32.7%, oklch(77.26% 0.1142 86.05) 34.5%, oklch(75.12% 0.1197 78.23) 36.4%, oklch(72.92% 0.1253 70.40) 38.2%, oklch(70.73% 0.1308 62.84) 40.0%, oklch(68.64% 0.1360 55.82) 41.8%, oklch(66.73% 0.1405 49.62) 43.6%, oklch(65.08% 0.1443 44.49) 45.5%, oklch(63.76% 0.1470 40.72) 47.3%, oklch(62.86% 0.1486 38.56) 49.1%, oklch(62.44% 0.1487 38.29) 50.9%, oklch(62.38% 0.1478 39.90) 52.7%, oklch(62.61% 0.1460 43.13) 54.5%, oklch(63.10% 0.1434 47.71) 56.4%, oklch(63.80% 0.1401 53.37) 58.2%, oklch(64.68% 0.1363 59.83) 60.0%, oklch(65.69% 0.1320 66.84) 61.8%, oklch(66.79% 0.1274 74.12) 63.6%, oklch(67.94% 0.1225 81.40) 65.5%, oklch(69.11% 0.1176 88.42) 67.3%, oklch(70.24% 0.1126 94.90) 69.1%, oklch(71.31% 0.1077 100.57) 70.9%, oklch(72.26% 0.1031 105.16) 72.7%, oklch(73.06% 0.0988 108.41) 74.5%, oklch(73.72% 0.0948 110.28) 76.4%, oklch(74.39% 0.0904 111.24) 78.2%, oklch(75.05% 0.0858 111.43) 80.0%, oklch(75.70% 0.0810 110.96) 81.8%, oklch(76.34% 0.0761 109.96) 83.6%, oklch(76.96% 0.0712 108.52) 85.5%, oklch(77.56% 0.0663 106.78) 87.3%, oklch(78.13% 0.0616 104.83) 89.1%, oklch(78.67% 0.0570 102.79) 90.9%, oklch(79.17% 0.0528 100.77) 92.7%, oklch(79.63% 0.0489 98.90) 94.5%, oklch(80.05% 0.0454 97.28) 96.4%, oklch(80.41% 0.0424 96.02) 98.2%, oklch(80.71% 0.0400 95.25) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.685 | 0.125 | 109 |
| 2 | 0.843 | 0.095 | 116.4 |
| 3 | 0.626 | 0.149 | 38.2 |
| 4 | 0.732 | 0.098 | 109 |
| 5 | 0.807 | 0.04 | 95.2 |

## In these collections

- [Banana leaf feast](https://grabient.com/banana-leaf-feast)

## Other forms

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