# Crimson and emerald tomato vine abundance

The Crimson and emerald tomato vine abundance brings together red, magenta, teal, 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: Maroon, blue and green linear swatches
- Seed: `kWcGsLrZQ6bgTrzKrTw1LE9w`
- Page: https://grabient.com/kWcGsLrZQ6bgTrzKrTw1LE9w?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.7 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 | `#922236` | `oklch(44.09% 0.1474 16.17)` | Rio Red | white, 8.3 to 1 |
| 2 | `#582f46` | `oklch(36.55% 0.0692 345.81)` | Winter Bloom | white, 11 to 1 |
| 3 | `#304a5d` | `oklch(39.54% 0.0448 241.36)` | Deep Ocean | white, 9.3 to 1 |
| 4 | `#2d7159` | `oklch(49.79% 0.0795 166.82)` | Nordic Forest | white, 5.8 to 1 |
| 5 | `#399859` | `oklch(60.79% 0.1302 151.61)` | Alpine Herbs | black, 5.8 to 1 |
| 6 | `#67a752` | `oklch(66.54% 0.1350 138.40)` | Fern Flash | black, 7.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #922236 0.000% 16.667%, #582f46 16.667% 33.333%, #304a5d 33.333% 50.000%, #2d7159 50.000% 66.667%, #399859 66.667% 83.333%, #67a752 83.333% 100.000%);
background: linear-gradient(90deg, oklch(44.09% 0.1474 16.17) 0.000% 16.667%, oklch(36.55% 0.0692 345.81) 16.667% 33.333%, oklch(39.54% 0.0448 241.36) 33.333% 50.000%, oklch(49.79% 0.0795 166.82) 50.000% 66.667%, oklch(60.79% 0.1302 151.61) 66.667% 83.333%, oklch(66.54% 0.1350 138.40) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.441 | 0.147 | 16.2 |
| 2 | 0.358 | 0.055 | -30.3 |
| 3 | 0.441 | 0.054 | -171.9 |
| 4 | 0.587 | 0.124 | -203.6 |
| 5 | 0.665 | 0.135 | -221.6 |

## In these collections

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

## Other forms

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