# Champagne, crimson and bronze tomato vine abundance

The Champagne, crimson and bronze tomato vine abundance brings together pale orange, red, green, and orange. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits food packaging concepts and menu graphics. Its darkest tone is orange, and its lightest tone is pale orange.

- Also called: Beige, red, green and brown linear gradient
- Seed: `kW6htAVjq5cvDv2_ns3MZSz4`
- Page: https://grabient.com/kW6htAVjq5cvDv2_ns3MZSz4?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light to dark, vivid, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 7.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 | `#efe4ca` | `oklch(92.13% 0.0372 90.00)` | Ivory Parchment | black, 16.6 to 1 |
| 2 | `#eddcbb` | `oklch(90.05% 0.0479 85.23)` | Salt Steppe | black, 15.5 to 1 |
| 3 | `#ecd1a7` | `oklch(87.16% 0.0629 78.47)` | Soufflé | black, 14.1 to 1 |
| 4 | `#ecc190` | `oklch(83.71% 0.0807 70.39)` | Harvester | black, 12.5 to 1 |
| 5 | `#edaf79` | `oklch(79.96% 0.1001 61.69)` | Exciting Orange | black, 10.9 to 1 |
| 6 | `#ed9c67` | `oklch(76.18% 0.1195 53.03)` | Florida Mango | black, 9.5 to 1 |
| 7 | `#ec8859` | `oklch(72.62% 0.1375 45.11)` | Half-Smoke | black, 8.2 to 1 |
| 8 | `#eb7751` | `oklch(69.54% 0.1526 38.60)` | Koeksister | black, 7.2 to 1 |
| 9 | `#e86a4d` | `oklch(67.21% 0.1636 34.09)` | Coral Orange | black, 6.5 to 1 |
| 10 | `#e75f4d` | `oklch(65.48% 0.1722 30.16)` | Opal Flame | black, 6.1 to 1 |
| 11 | `#e5564e` | `oklch(64.17% 0.1795 26.48)` | Red Arremer | black, 5.7 to 1 |
| 12 | `#e44f51` | `oklch(63.17% 0.1851 23.49)` | Red Arremer | black, 5.5 to 1 |
| 13 | `#e24951` | `oklch(62.36% 0.1890 21.64)` | Thimbleberry | black, 5.3 to 1 |
| 14 | `#e1464f` | `oklch(61.63% 0.1909 21.40)` | Re-Entry | black, 5.1 to 1 |
| 15 | `#de4449` | `oklch(60.88% 0.1907 23.23)` | Cute Crab | black, 5 to 1 |
| 16 | `#da443b` | `oklch(59.98% 0.1882 27.57)` | Dangerously Red | black, 4.8 to 1 |
| 17 | `#d34721` | `oklch(58.88% 0.1829 35.38)` | Pompeii Red | black, 4.6 to 1 |
| 18 | `#bf5700` | `oklch(57.72% 0.1545 49.15)` | Sebright Chicken | white, 4.5 to 1 |
| 19 | `#a66500` | `oklch(56.54% 0.1247 67.34)` | Butter Fudge | white, 4.6 to 1 |
| 20 | `#8e6d00` | `oklch(55.35% 0.1132 87.76)` | Honey Yellow Green | white, 4.8 to 1 |
| 21 | `#767300` | `oklch(54.14% 0.1169 108.19)` | Bronze Yellow | white, 4.9 to 1 |
| 22 | `#5b7726` | `oklch(52.89% 0.1120 126.42)` | Luscious Lemongrass | white, 5.1 to 1 |
| 23 | `#47753e` | `oklch(51.63% 0.0977 140.29)` | Autumn Crocodile | white, 5.3 to 1 |
| 24 | `#407247` | `oklch(50.33% 0.0863 147.58)` | Parsley Sprig | white, 5.6 to 1 |
| 25 | `#416c45` | `oklch(48.95% 0.0783 146.51)` | Jungle Adventure | white, 6 to 1 |
| 26 | `#47663d` | `oklch(47.40% 0.0723 138.01)` | Mountain Forest | white, 6.5 to 1 |
| 27 | `#4f5e32` | `oklch(45.76% 0.0677 124.16)` | Woodman | white, 7 to 1 |
| 28 | `#575529` | `oklch(44.10% 0.0643 107.00)` | Soldier Green | white, 7.6 to 1 |
| 29 | `#5c4d24` | `oklch(42.51% 0.0617 88.61)` | Bronze Olive | white, 8.2 to 1 |
| 30 | `#5f4524` | `oklch(41.08% 0.0598 71.05)` | Nightingale | white, 8.8 to 1 |
| 31 | `#5f3f27` | `oklch(39.87% 0.0582 56.38)` | Bracken | white, 9.4 to 1 |
| 32 | `#5e3b2a` | `oklch(38.98% 0.0565 46.67)` | Tropical Wood Brown | white, 9.8 to 1 |

## CSS

```css
background: linear-gradient(45deg, #efe4ca 0.0%, #eddcbb 3.2%, #ecd1a7 6.5%, #ecc190 9.7%, #edaf79 12.9%, #ed9c67 16.1%, #ec8859 19.4%, #eb7751 22.6%, #e86a4d 25.8%, #e75f4d 29.0%, #e5564e 32.3%, #e44f51 35.5%, #e24951 38.7%, #e1464f 41.9%, #de4449 45.2%, #da443b 48.4%, #d34721 51.6%, #bf5700 54.8%, #a66500 58.1%, #8e6d00 61.3%, #767300 64.5%, #5b7726 67.7%, #47753e 71.0%, #407247 74.2%, #416c45 77.4%, #47663d 80.6%, #4f5e32 83.9%, #575529 87.1%, #5c4d24 90.3%, #5f4524 93.5%, #5f3f27 96.8%, #5e3b2a 100.0%);
background: linear-gradient(45deg in oklch, oklch(92.13% 0.0372 90.00) 0.0%, oklch(90.05% 0.0479 85.23) 3.2%, oklch(87.16% 0.0629 78.47) 6.5%, oklch(83.71% 0.0807 70.39) 9.7%, oklch(79.96% 0.1001 61.69) 12.9%, oklch(76.18% 0.1195 53.03) 16.1%, oklch(72.62% 0.1375 45.11) 19.4%, oklch(69.54% 0.1526 38.60) 22.6%, oklch(67.21% 0.1636 34.09) 25.8%, oklch(65.48% 0.1722 30.16) 29.0%, oklch(64.17% 0.1795 26.48) 32.3%, oklch(63.17% 0.1851 23.49) 35.5%, oklch(62.36% 0.1890 21.64) 38.7%, oklch(61.63% 0.1909 21.40) 41.9%, oklch(60.88% 0.1907 23.23) 45.2%, oklch(59.98% 0.1882 27.57) 48.4%, oklch(58.88% 0.1829 35.38) 51.6%, oklch(57.72% 0.1545 49.15) 54.8%, oklch(56.54% 0.1247 67.34) 58.1%, oklch(55.35% 0.1132 87.76) 61.3%, oklch(54.14% 0.1169 108.19) 64.5%, oklch(52.89% 0.1120 126.42) 67.7%, oklch(51.63% 0.0977 140.29) 71.0%, oklch(50.33% 0.0863 147.58) 74.2%, oklch(48.95% 0.0783 146.51) 77.4%, oklch(47.40% 0.0723 138.01) 80.6%, oklch(45.76% 0.0677 124.16) 83.9%, oklch(44.10% 0.0643 107.00) 87.1%, oklch(42.51% 0.0617 88.61) 90.3%, oklch(41.08% 0.0598 71.05) 93.5%, oklch(39.87% 0.0582 56.38) 96.8%, oklch(38.98% 0.0565 46.67) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.921 | 0.037 | 90 |
| 2 | 0.677 | 0.161 | 35 |
| 3 | 0.594 | 0.186 | 30.8 |
| 4 | 0.5 | 0.084 | 148.1 |
| 5 | 0.39 | 0.056 | 46.7 |

## In these collections

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

## Other forms

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