# Crimson, terracotta and tan tomato vine abundance The Crimson, terracotta and tan tomato vine abundance brings together red and orange. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits food packaging concepts and menu graphics. Its darkest tone is red, and its lightest tone is orange. - Also called: Analogous red, brown and gray linear gradient - Seed: `kWfXETx7VA0ykwTRFEMWJFBg` - Page: https://grabient.com/kWfXETx7VA0ykwTRFEMWJFBg?steps=32 - Drawn as: linear gradient, 32 steps, 90 degrees - Kinds: warm - Hues: analogous - 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 | `#a7312b` | `oklch(49.21% 0.1557 27.42)` | Très Bien | white, 6.7 to 1 | | 2 | `#a9332b` | `oklch(49.80% 0.1552 27.99)` | Sweet Brown | white, 6.5 to 1 | | 3 | `#ac372c` | `oklch(50.62% 0.1548 28.73)` | Sweet Brown | white, 6.3 to 1 | | 4 | `#af3a2d` | `oklch(51.59% 0.1543 29.60)` | Rooibos Tea | white, 6 to 1 | | 5 | `#b23e2f` | `oklch(52.65% 0.1536 30.59)` | Medium Carmine | white, 5.7 to 1 | | 6 | `#b54330` | `oklch(53.73% 0.1525 31.66)` | Fiery Topaz | white, 5.5 to 1 | | 7 | `#b84732` | `oklch(54.77% 0.1509 32.79)` | Browned Off | white, 5.2 to 1 | | 8 | `#ba4c33` | `oklch(55.71% 0.1485 33.95)` | Burnt Ochre | white, 5 to 1 | | 9 | `#bb5035` | `oklch(56.47% 0.1451 35.10)` | Burnt Ochre | white, 4.8 to 1 | | 10 | `#bb5438` | `oklch(57.12% 0.1408 36.17)` | Orange Vermillion | white, 4.7 to 1 | | 11 | `#bb583a` | `oklch(57.68% 0.1355 37.18)` | Beef Patties | white, 4.6 to 1 | | 12 | `#ba5c3e` | `oklch(58.19% 0.1295 38.22)` | Sun-Kissed Brick | black, 4.6 to 1 | | 13 | `#b86041` | `oklch(58.66% 0.1231 39.36)` | Maui Mai Tai | black, 4.7 to 1 | | 14 | `#b76345` | `oklch(59.11% 0.1165 40.69)` | Maui Mai Tai | black, 4.8 to 1 | | 15 | `#b56748` | `oklch(59.55% 0.1099 42.30)` | Reynard | black, 5 to 1 | | 16 | `#b36b4b` | `oklch(60.00% 0.1036 44.25)` | Amber Brown | black, 5.1 to 1 | | 17 | `#b16e4d` | `oklch(60.47% 0.0976 46.67)` | Autumn Umber | black, 5.2 to 1 | | 18 | `#af7250` | `oklch(60.91% 0.0912 49.69)` | Not yet Caramel | black, 5.3 to 1 | | 19 | `#ac7653` | `oklch(61.33% 0.0846 53.18)` | New England Roast | black, 5.4 to 1 | | 20 | `#a97956` | `oklch(61.73% 0.0780 56.95)` | New England Roast | black, 5.5 to 1 | | 21 | `#a77d5a` | `oklch(62.15% 0.0716 60.81)` | Café au Lait | black, 5.6 to 1 | | 22 | `#a4805e` | `oklch(62.59% 0.0656 64.59)` | Spiced Honey | black, 5.8 to 1 | | 23 | `#a28362` | `oklch(63.08% 0.0603 68.09)` | Mulled Cider | black, 5.9 to 1 | | 24 | `#a18666` | `oklch(63.63% 0.0560 71.14)` | Soft Bronze | black, 6.1 to 1 | | 25 | `#a18969` | `oklch(64.28% 0.0528 73.69)` | Sierra Foothills | black, 6.2 to 1 | | 26 | `#a18c6d` | `oklch(65.07% 0.0506 76.04)` | Desert Tan | black, 6.4 to 1 | | 27 | `#a38f70` | `oklch(65.94% 0.0491 78.17)` | Maple Brown Sugar | black, 6.7 to 1 | | 28 | `#a59273` | `oklch(66.84% 0.0482 80.10)` | Earthenware | black, 6.9 to 1 | | 29 | `#a69576` | `oklch(67.72% 0.0477 81.81)` | San Antonio Sage | black, 7.1 to 1 | | 30 | `#a89879` | `oklch(68.52% 0.0475 83.29)` | Olive Chutney | black, 7.4 to 1 | | 31 | `#aa9a7b` | `oklch(69.19% 0.0472 84.53)` | Exploring Khaki | black, 7.6 to 1 | | 32 | `#ab9c7d` | `oklch(69.69% 0.0469 85.54)` | Getaway | black, 7.7 to 1 | ## CSS ```css background: linear-gradient(90deg, #a7312b 0.0%, #a9332b 3.2%, #ac372c 6.5%, #af3a2d 9.7%, #b23e2f 12.9%, #b54330 16.1%, #b84732 19.4%, #ba4c33 22.6%, #bb5035 25.8%, #bb5438 29.0%, #bb583a 32.3%, #ba5c3e 35.5%, #b86041 38.7%, #b76345 41.9%, #b56748 45.2%, #b36b4b 48.4%, #b16e4d 51.6%, #af7250 54.8%, #ac7653 58.1%, #a97956 61.3%, #a77d5a 64.5%, #a4805e 67.7%, #a28362 71.0%, #a18666 74.2%, #a18969 77.4%, #a18c6d 80.6%, #a38f70 83.9%, #a59273 87.1%, #a69576 90.3%, #a89879 93.5%, #aa9a7b 96.8%, #ab9c7d 100.0%); background: linear-gradient(90deg in oklch, oklch(49.21% 0.1557 27.42) 0.0%, oklch(49.80% 0.1552 27.99) 3.2%, oklch(50.62% 0.1548 28.73) 6.5%, oklch(51.59% 0.1543 29.60) 9.7%, oklch(52.65% 0.1536 30.59) 12.9%, oklch(53.73% 0.1525 31.66) 16.1%, oklch(54.77% 0.1509 32.79) 19.4%, oklch(55.71% 0.1485 33.95) 22.6%, oklch(56.47% 0.1451 35.10) 25.8%, oklch(57.12% 0.1408 36.17) 29.0%, oklch(57.68% 0.1355 37.18) 32.3%, oklch(58.19% 0.1295 38.22) 35.5%, oklch(58.66% 0.1231 39.36) 38.7%, oklch(59.11% 0.1165 40.69) 41.9%, oklch(59.55% 0.1099 42.30) 45.2%, oklch(60.00% 0.1036 44.25) 48.4%, oklch(60.47% 0.0976 46.67) 51.6%, oklch(60.91% 0.0912 49.69) 54.8%, oklch(61.33% 0.0846 53.18) 58.1%, oklch(61.73% 0.0780 56.95) 61.3%, oklch(62.15% 0.0716 60.81) 64.5%, oklch(62.59% 0.0656 64.59) 67.7%, oklch(63.08% 0.0603 68.09) 71.0%, oklch(63.63% 0.0560 71.14) 74.2%, oklch(64.28% 0.0528 73.69) 77.4%, oklch(65.07% 0.0506 76.04) 80.6%, oklch(65.94% 0.0491 78.17) 83.9%, oklch(66.84% 0.0482 80.10) 87.1%, oklch(67.72% 0.0477 81.81) 90.3%, oklch(68.52% 0.0475 83.29) 93.5%, oklch(69.19% 0.0472 84.53) 96.8%, oklch(69.69% 0.0469 85.54) 100.0%); ``` ## Keyframes 5 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.492 | 0.156 | 27.4 | | 2 | 0.563 | 0.146 | 34.8 | | 3 | 0.602 | 0.101 | 45.4 | | 4 | 0.638 | 0.055 | 71.8 | | 5 | 0.697 | 0.047 | 85.5 | ## In these collections - [Tomato vine abundance](https://grabient.com/tomato-vine-abundance) ## Other forms - [JSON](https://grabient.com/kWfXETx7VA0ykwTRFEMWJFBg.json?steps=32) - [PNG](https://grabient.com/kWfXETx7VA0ykwTRFEMWJFBg.png?steps=32) - [SVG](https://grabient.com/kWfXETx7VA0ykwTRFEMWJFBg.svg?steps=32) - [CSS](https://grabient.com/kWfXETx7VA0ykwTRFEMWJFBg.css?steps=32) - [ASE](https://grabient.com/kWfXETx7VA0ykwTRFEMWJFBg.ase?steps=32) - [GPL](https://grabient.com/kWfXETx7VA0ykwTRFEMWJFBg.gpl?steps=32) - [GRD](https://grabient.com/kWfXETx7VA0ykwTRFEMWJFBg.grd?steps=32) - [Design tokens](https://grabient.com/kWfXETx7VA0ykwTRFEMWJFBg.tokens.json?steps=32) - [Social card](https://grabient.com/api/og?seed=kWfXETx7VA0ykwTRFEMWJFBg&steps=32) - [Palettes like this one](https://grabient.com/palettes?q=kWfXETx7VA0ykwTRFEMWJFBg) - [Guide for agents](https://grabient.com/llms.txt)