# Orange and emerald tomato vine abundance

The Orange and emerald tomato vine abundance brings together orange, red, magenta, blue, and green. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits food packaging concepts and menu graphics. Its darkest tone is magenta, and its lightest tone is green.

- Also called: Tritone orange, purple and green linear gradient
- Seed: `kYqmopxac9juROPAkzN0B-4181vG`
- Page: https://grabient.com/kYqmopxac9juROPAkzN0B-4181vG?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.3 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 | `#d67b25` | `oklch(66.93% 0.1461 58.36)` | Yellow Mandarin | black, 6.7 to 1 |
| 2 | `#d17728` | `oklch(65.61% 0.1423 56.69)` | Bitter Orange | black, 6.3 to 1 |
| 3 | `#ca712c` | `oklch(63.74% 0.1372 54.75)` | Ochre Pigment | black, 5.9 to 1 |
| 4 | `#c16b2f` | `oklch(61.55% 0.1312 52.30)` | Warm Cream Spirit | black, 5.4 to 1 |
| 5 | `#b86533` | `oklch(59.23% 0.1244 49.11)` | Hell’s Bells | black, 4.9 to 1 |
| 6 | `#af5e38` | `oklch(57.00% 0.1169 44.93)` | Fragrant Cloves | white, 4.6 to 1 |
| 7 | `#a7593f` | `oklch(55.06% 0.1091 39.53)` | Falling Leaves | white, 5 to 1 |
| 8 | `#9f5546` | `oklch(53.41% 0.1003 32.90)` | Kalahari Sunset | white, 5.4 to 1 |
| 9 | `#95534d` | `oklch(51.77% 0.0895 25.35)` | Marsala | white, 5.8 to 1 |
| 10 | `#8b5154` | `oklch(50.21% 0.0779 16.81)` | Roan Rouge | white, 6.1 to 1 |
| 11 | `#805059` | `oklch(48.84% 0.0665 7.19)` | Wild Ginger | white, 6.5 to 1 |
| 12 | `#77505e` | `oklch(47.74% 0.0565 356.38)` | Baroque Red | white, 6.8 to 1 |
| 13 | `#6f5061` | `oklch(47.02% 0.0489 344.31)` | Dark Olive Paste | white, 7 to 1 |
| 14 | `#695166` | `oklch(46.73% 0.0447 330.52)` | Vintner | white, 7 to 1 |
| 15 | `#63536b` | `oklch(46.82% 0.0429 314.01)` | Blackberry Farm | white, 7 to 1 |
| 16 | `#5d5771` | `oklch(47.24% 0.0430 295.75)` | Orchid Grey | white, 6.8 to 1 |
| 17 | `#575b77` | `oklch(47.95% 0.0446 276.90)` | When Worlds Collide | white, 6.6 to 1 |
| 18 | `#50617b` | `oklch(48.89% 0.0473 258.62)` | Nightly | white, 6.2 to 1 |
| 19 | `#4a677e` | `oklch(50.03% 0.0504 242.06)` | Gloomy Sea | white, 5.9 to 1 |
| 20 | `#456d80` | `oklch(51.34% 0.0537 228.20)` | Santorini Blue | white, 5.5 to 1 |
| 21 | `#427481` | `oklch(52.99% 0.0577 216.15)` | Wild River | white, 5.1 to 1 |
| 22 | `#417c83` | `oklch(54.93% 0.0624 205.40)` | Mysterious Blue | white, 4.7 to 1 |
| 23 | `#418484` | `oklch(57.04% 0.0679 195.77)` | Emu Egg | black, 4.8 to 1 |
| 24 | `#438c85` | `oklch(59.23% 0.0740 187.08)` | Royal Palm | black, 5.3 to 1 |
| 25 | `#469485` | `oklch(61.38% 0.0809 179.14)` | Lochinvar | black, 5.8 to 1 |
| 26 | `#4a9c84` | `oklch(63.39% 0.0884 171.76)` | Wintergreen Shadow | black, 6.3 to 1 |
| 27 | `#4fa482` | `oklch(65.48% 0.0978 165.09)` | Inspiration Peak | black, 6.9 to 1 |
| 28 | `#54ac7f` | `oklch(67.69% 0.1089 159.23)` | Julep | black, 7.5 to 1 |
| 29 | `#5ab47b` | `oklch(69.87% 0.1204 154.16)` | Pale Green | black, 8.2 to 1 |
| 30 | `#61bb77` | `oklch(71.88% 0.1314 149.88)` | Citronella | black, 8.8 to 1 |
| 31 | `#69c172` | `oklch(73.57% 0.1408 146.36)` | Bermudagrass | black, 9.4 to 1 |
| 32 | `#6fc56e` | `oklch(74.80% 0.1474 143.60)` | Mantis | black, 9.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #d67b25 0.0%, #d17728 3.2%, #ca712c 6.5%, #c16b2f 9.7%, #b86533 12.9%, #af5e38 16.1%, #a7593f 19.4%, #9f5546 22.6%, #95534d 25.8%, #8b5154 29.0%, #805059 32.3%, #77505e 35.5%, #6f5061 38.7%, #695166 41.9%, #63536b 45.2%, #5d5771 48.4%, #575b77 51.6%, #50617b 54.8%, #4a677e 58.1%, #456d80 61.3%, #427481 64.5%, #417c83 67.7%, #418484 71.0%, #438c85 74.2%, #469485 77.4%, #4a9c84 80.6%, #4fa482 83.9%, #54ac7f 87.1%, #5ab47b 90.3%, #61bb77 93.5%, #69c172 96.8%, #6fc56e 100.0%);
background: linear-gradient(135deg in oklch, oklch(66.93% 0.1461 58.36) 0.0%, oklch(65.61% 0.1423 56.69) 3.2%, oklch(63.74% 0.1372 54.75) 6.5%, oklch(61.55% 0.1312 52.30) 9.7%, oklch(59.23% 0.1244 49.11) 12.9%, oklch(57.00% 0.1169 44.93) 16.1%, oklch(55.06% 0.1091 39.53) 19.4%, oklch(53.41% 0.1003 32.90) 22.6%, oklch(51.77% 0.0895 25.35) 25.8%, oklch(50.21% 0.0779 16.81) 29.0%, oklch(48.84% 0.0665 7.19) 32.3%, oklch(47.74% 0.0565 356.38) 35.5%, oklch(47.02% 0.0489 344.31) 38.7%, oklch(46.73% 0.0447 330.52) 41.9%, oklch(46.82% 0.0429 314.01) 45.2%, oklch(47.24% 0.0430 295.75) 48.4%, oklch(47.95% 0.0446 276.90) 51.6%, oklch(48.89% 0.0473 258.62) 54.8%, oklch(50.03% 0.0504 242.06) 58.1%, oklch(51.34% 0.0537 228.20) 61.3%, oklch(52.99% 0.0577 216.15) 64.5%, oklch(54.93% 0.0624 205.40) 67.7%, oklch(57.04% 0.0679 195.77) 71.0%, oklch(59.23% 0.0740 187.08) 74.2%, oklch(61.38% 0.0809 179.14) 77.4%, oklch(63.39% 0.0884 171.76) 80.6%, oklch(65.48% 0.0978 165.09) 83.9%, oklch(67.69% 0.1089 159.23) 87.1%, oklch(69.87% 0.1204 154.16) 90.3%, oklch(71.88% 0.1314 149.88) 93.5%, oklch(73.57% 0.1408 146.36) 96.8%, oklch(74.80% 0.1474 143.60) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.669 | 0.146 | 58.4 |
| 2 | 0.547 | 0.107 | 38.3 |
| 3 | 0.469 | 0.047 | -20.9 |
| 4 | 0.508 | 0.052 | -126.6 |
| 5 | 0.63 | 0.087 | -186.8 |
| 6 | 0.748 | 0.147 | -216.4 |

## In these collections

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

## Other forms

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