# Ochre tomato leaf gradient

Duotone brown and green linear gradient with 64 colors: #b94343, #b9453f, #b8463b, #b74836, #b64b30, #b54d2a, #b35023, #b0531b, #ae5612, #aa5a07, #a75d00, #a26100, #9d6500, #996800, #956b00, #906e05, #8a7111, #85741a, #807623, #7b782a, #767a32, #717c38, #6d7d3e, #697f44, #668049, #63814d, #608151, #5e8255, #5d8258, #5c835a, #5b835c, #5b835d, #5b845e, #5b845f, #5c845e, #5d845e, #5e845d, #60845b, #618559, #648557, #668454, #698451, #6c844e, #70834b, #748347, #788243, #7c813f, #81803b, #857f36, #8a7e32, #8e7c2f, #937b2b, #977928, #9c7726, #a07624, #a47424, #a77224, #ab7025, #ad6f26, #b06d28, #b26c2a, #b46b2c, #b66a2e, #b76930. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Duotone brown and green linear gradient
- Seed: `kSi28RSJrOcwstO`
- Page: https://grabient.com/kSi28RSJrOcwstO?steps=64&angle=45
- Drawn as: linear gradient, 64 steps, 45 degrees
- Kinds: even lightness, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 1.2 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 | `#b94343` | `oklch(54.72% 0.1530 23.91)` | Snakebite | white, 5.3 to 1 |
| 2 | `#b9453f` | `oklch(54.76% 0.1515 26.08)` | Habañero Chile | white, 5.2 to 1 |
| 3 | `#b8463b` | `oklch(54.81% 0.1499 28.68)` | Habañero Chile | white, 5.2 to 1 |
| 4 | `#b74836` | `oklch(54.86% 0.1479 31.69)` | Vermilion Red | white, 5.2 to 1 |
| 5 | `#b64b30` | `oklch(54.91% 0.1458 35.06)` | Cinnamon Sunset | white, 5.2 to 1 |
| 6 | `#b54d2a` | `oklch(54.96% 0.1434 38.76)` | Cinnamon Sunset | white, 5.1 to 1 |
| 7 | `#b35023` | `oklch(55.02% 0.1408 42.77)` | Gold Flame | white, 5.1 to 1 |
| 8 | `#b0531b` | `oklch(55.08% 0.1381 47.05)` | Skrag Brown | white, 5.1 to 1 |
| 9 | `#ae5612` | `oklch(55.15% 0.1352 51.56)` | Mahogany Finish | white, 5 to 1 |
| 10 | `#aa5a07` | `oklch(55.22% 0.1322 56.28)` | Raw Umber | white, 5 to 1 |
| 11 | `#a75d00` | `oklch(55.29% 0.1282 61.14)` | Raw Umber | white, 4.9 to 1 |
| 12 | `#a26100` | `oklch(55.36% 0.1231 66.17)` | Soft Tone Ink | white, 4.9 to 1 |
| 13 | `#9d6500` | `oklch(55.44% 0.1192 71.31)` | Cumin Ochre | white, 4.8 to 1 |
| 14 | `#996800` | `oklch(55.51% 0.1164 76.52)` | Gamboge Brown | white, 4.8 to 1 |
| 15 | `#956b00` | `oklch(55.59% 0.1146 81.78)` | Chamois Yellow | white, 4.7 to 1 |
| 16 | `#906e05` | `oklch(55.67% 0.1124 87.07)` | Honey Yellow Green | white, 4.7 to 1 |
| 17 | `#8a7111` | `oklch(55.75% 0.1091 92.32)` | Vermin Brown | white, 4.7 to 1 |
| 18 | `#85741a` | `oklch(55.84% 0.1057 97.50)` | Faience Green | white, 4.6 to 1 |
| 19 | `#807623` | `oklch(55.92% 0.1024 102.60)` | Faience Green | white, 4.6 to 1 |
| 20 | `#7b782a` | `oklch(56.01% 0.0992 107.59)` | Crocodile Eye | white, 4.5 to 1 |
| 21 | `#767a32` | `oklch(56.10% 0.0961 112.41)` | Ripe Green | black, 4.6 to 1 |
| 22 | `#717c38` | `oklch(56.18% 0.0930 117.06)` | Calla Green | black, 4.6 to 1 |
| 23 | `#6d7d3e` | `oklch(56.27% 0.0901 121.48)` | Moss Landing | black, 4.6 to 1 |
| 24 | `#697f44` | `oklch(56.36% 0.0874 125.66)` | Rockwall Vine | black, 4.7 to 1 |
| 25 | `#668049` | `oklch(56.45% 0.0848 129.55)` | Beyond the Pines | black, 4.7 to 1 |
| 26 | `#63814d` | `oklch(56.53% 0.0825 133.13)` | Talipot Palm | black, 4.7 to 1 |
| 27 | `#608151` | `oklch(56.62% 0.0803 136.37)` | Glade Green | black, 4.7 to 1 |
| 28 | `#5e8255` | `oklch(56.71% 0.0784 139.22)` | Glade Green | black, 4.7 to 1 |
| 29 | `#5d8258` | `oklch(56.79% 0.0767 141.66)` | Garden Grove | black, 4.8 to 1 |
| 30 | `#5c835a` | `oklch(56.88% 0.0752 143.66)` | Magic Sage | black, 4.8 to 1 |
| 31 | `#5b835c` | `oklch(56.96% 0.0741 145.18)` | Soylent Green | black, 4.8 to 1 |
| 32 | `#5b835d` | `oklch(57.05% 0.0733 146.19)` | Soylent Green | black, 4.8 to 1 |
| 33 | `#5b845e` | `oklch(57.13% 0.0728 146.66)` | Soylent Green | black, 4.8 to 1 |
| 34 | `#5b845f` | `oklch(57.21% 0.0727 146.62)` | Soylent Green | black, 4.9 to 1 |
| 35 | `#5c845e` | `oklch(57.30% 0.0728 146.09)` | Soylent Green | black, 4.9 to 1 |
| 36 | `#5d845e` | `oklch(57.39% 0.0731 145.11)` | Soylent Green | black, 4.9 to 1 |
| 37 | `#5e845d` | `oklch(57.48% 0.0738 143.70)` | Soylent Green | black, 4.9 to 1 |
| 38 | `#60845b` | `oklch(57.58% 0.0746 141.90)` | Tee Off | black, 4.9 to 1 |
| 39 | `#618559` | `oklch(57.68% 0.0757 139.74)` | Tee Off | black, 4.9 to 1 |
| 40 | `#648557` | `oklch(57.78% 0.0770 137.24)` | Tee Off | black, 5 to 1 |
| 41 | `#668454` | `oklch(57.88% 0.0784 134.43)` | Kale | black, 5 to 1 |
| 42 | `#698451` | `oklch(57.98% 0.0800 131.35)` | Happy Camper | black, 5 to 1 |
| 43 | `#6c844e` | `oklch(58.08% 0.0818 128.02)` | Happy Camper | black, 5 to 1 |
| 44 | `#70834b` | `oklch(58.18% 0.0837 124.47)` | Happy Camper | black, 5 to 1 |
| 45 | `#748347` | `oklch(58.28% 0.0857 120.73)` | Grasshopper | black, 5 to 1 |
| 46 | `#788243` | `oklch(58.38% 0.0878 116.84)` | Grasshopper | black, 5 to 1 |
| 47 | `#7c813f` | `oklch(58.49% 0.0900 112.82)` | Thai Basil | black, 5 to 1 |
| 48 | `#81803b` | `oklch(58.59% 0.0923 108.70)` | Green Commando | black, 5 to 1 |
| 49 | `#857f36` | `oklch(58.69% 0.0946 104.51)` | Mossy Meadow | black, 5 to 1 |
| 50 | `#8a7e32` | `oklch(58.79% 0.0969 100.28)` | Mossy Meadow | black, 5 to 1 |
| 51 | `#8e7c2f` | `oklch(58.88% 0.0992 96.04)` | Koke Moss | black, 5 to 1 |
| 52 | `#937b2b` | `oklch(58.98% 0.1015 91.82)` | Fernweh | black, 5 to 1 |
| 53 | `#977928` | `oklch(59.07% 0.1038 87.65)` | Fernweh | black, 5 to 1 |
| 54 | `#9c7726` | `oklch(59.16% 0.1061 83.56)` | Fernweh | black, 5 to 1 |
| 55 | `#a07624` | `oklch(59.24% 0.1083 79.57)` | Barbarian Leather | black, 5 to 1 |
| 56 | `#a47424` | `oklch(59.33% 0.1104 75.73)` | Hot Toddy | black, 5 to 1 |
| 57 | `#a77224` | `oklch(59.41% 0.1125 72.05)` | Buckthorn Brown | black, 5 to 1 |
| 58 | `#ab7025` | `oklch(59.48% 0.1144 68.57)` | Buckthorn Brown | black, 5 to 1 |
| 59 | `#ad6f26` | `oklch(59.56% 0.1162 65.32)` | Inca Gold | black, 5 to 1 |
| 60 | `#b06d28` | `oklch(59.62% 0.1178 62.32)` | Hardy Clay | black, 5 to 1 |
| 61 | `#b26c2a` | `oklch(59.69% 0.1193 59.61)` | Hardy Clay | black, 5 to 1 |
| 62 | `#b46b2c` | `oklch(59.74% 0.1206 57.22)` | Hardy Clay | black, 5 to 1 |
| 63 | `#b66a2e` | `oklch(59.80% 0.1217 55.17)` | Brown Alpaca | black, 5 to 1 |
| 64 | `#b76930` | `oklch(59.84% 0.1226 53.50)` | Mincemeat | black, 5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #b94343 0.0%, #b9453f 1.6%, #b8463b 3.2%, #b74836 4.8%, #b64b30 6.3%, #b54d2a 7.9%, #b35023 9.5%, #b0531b 11.1%, #ae5612 12.7%, #aa5a07 14.3%, #a75d00 15.9%, #a26100 17.5%, #9d6500 19.0%, #996800 20.6%, #956b00 22.2%, #906e05 23.8%, #8a7111 25.4%, #85741a 27.0%, #807623 28.6%, #7b782a 30.2%, #767a32 31.7%, #717c38 33.3%, #6d7d3e 34.9%, #697f44 36.5%, #668049 38.1%, #63814d 39.7%, #608151 41.3%, #5e8255 42.9%, #5d8258 44.4%, #5c835a 46.0%, #5b835c 47.6%, #5b835d 49.2%, #5b845e 50.8%, #5b845f 52.4%, #5c845e 54.0%, #5d845e 55.6%, #5e845d 57.1%, #60845b 58.7%, #618559 60.3%, #648557 61.9%, #668454 63.5%, #698451 65.1%, #6c844e 66.7%, #70834b 68.3%, #748347 69.8%, #788243 71.4%, #7c813f 73.0%, #81803b 74.6%, #857f36 76.2%, #8a7e32 77.8%, #8e7c2f 79.4%, #937b2b 81.0%, #977928 82.5%, #9c7726 84.1%, #a07624 85.7%, #a47424 87.3%, #a77224 88.9%, #ab7025 90.5%, #ad6f26 92.1%, #b06d28 93.7%, #b26c2a 95.2%, #b46b2c 96.8%, #b66a2e 98.4%, #b76930 100.0%);
background: linear-gradient(45deg in oklch, oklch(54.72% 0.1530 23.91) 0.0%, oklch(54.76% 0.1515 26.08) 1.6%, oklch(54.81% 0.1499 28.68) 3.2%, oklch(54.86% 0.1479 31.69) 4.8%, oklch(54.91% 0.1458 35.06) 6.3%, oklch(54.96% 0.1434 38.76) 7.9%, oklch(55.02% 0.1408 42.77) 9.5%, oklch(55.08% 0.1381 47.05) 11.1%, oklch(55.15% 0.1352 51.56) 12.7%, oklch(55.22% 0.1322 56.28) 14.3%, oklch(55.29% 0.1282 61.14) 15.9%, oklch(55.36% 0.1231 66.17) 17.5%, oklch(55.44% 0.1192 71.31) 19.0%, oklch(55.51% 0.1164 76.52) 20.6%, oklch(55.59% 0.1146 81.78) 22.2%, oklch(55.67% 0.1124 87.07) 23.8%, oklch(55.75% 0.1091 92.32) 25.4%, oklch(55.84% 0.1057 97.50) 27.0%, oklch(55.92% 0.1024 102.60) 28.6%, oklch(56.01% 0.0992 107.59) 30.2%, oklch(56.10% 0.0961 112.41) 31.7%, oklch(56.18% 0.0930 117.06) 33.3%, oklch(56.27% 0.0901 121.48) 34.9%, oklch(56.36% 0.0874 125.66) 36.5%, oklch(56.45% 0.0848 129.55) 38.1%, oklch(56.53% 0.0825 133.13) 39.7%, oklch(56.62% 0.0803 136.37) 41.3%, oklch(56.71% 0.0784 139.22) 42.9%, oklch(56.79% 0.0767 141.66) 44.4%, oklch(56.88% 0.0752 143.66) 46.0%, oklch(56.96% 0.0741 145.18) 47.6%, oklch(57.05% 0.0733 146.19) 49.2%, oklch(57.13% 0.0728 146.66) 50.8%, oklch(57.21% 0.0727 146.62) 52.4%, oklch(57.30% 0.0728 146.09) 54.0%, oklch(57.39% 0.0731 145.11) 55.6%, oklch(57.48% 0.0738 143.70) 57.1%, oklch(57.58% 0.0746 141.90) 58.7%, oklch(57.68% 0.0757 139.74) 60.3%, oklch(57.78% 0.0770 137.24) 61.9%, oklch(57.88% 0.0784 134.43) 63.5%, oklch(57.98% 0.0800 131.35) 65.1%, oklch(58.08% 0.0818 128.02) 66.7%, oklch(58.18% 0.0837 124.47) 68.3%, oklch(58.28% 0.0857 120.73) 69.8%, oklch(58.38% 0.0878 116.84) 71.4%, oklch(58.49% 0.0900 112.82) 73.0%, oklch(58.59% 0.0923 108.70) 74.6%, oklch(58.69% 0.0946 104.51) 76.2%, oklch(58.79% 0.0969 100.28) 77.8%, oklch(58.88% 0.0992 96.04) 79.4%, oklch(58.98% 0.1015 91.82) 81.0%, oklch(59.07% 0.1038 87.65) 82.5%, oklch(59.16% 0.1061 83.56) 84.1%, oklch(59.24% 0.1083 79.57) 85.7%, oklch(59.33% 0.1104 75.73) 87.3%, oklch(59.41% 0.1125 72.05) 88.9%, oklch(59.48% 0.1144 68.57) 90.5%, oklch(59.56% 0.1162 65.32) 92.1%, oklch(59.62% 0.1178 62.32) 93.7%, oklch(59.69% 0.1193 59.61) 95.2%, oklch(59.74% 0.1206 57.22) 96.8%, oklch(59.80% 0.1217 55.17) 98.4%, oklch(59.84% 0.1226 53.50) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.547 | 0.153 | 23.9 |
| 2 | 0.571 | 0.073 | 146.5 |
| 3 | 0.598 | 0.123 | 53.5 |

## In these collections

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

## Other forms

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