# Tomato mint rain diagonal

Teal, gray, red and orange linear gradient with 32 colors: #275f52, #33685b, #447468, #588478, #6d9489, #81a599, #92b4a7, #9fc0b1, #a5c7b3, #a8c9ac, #acc89b, #b4c184, #c1b568, #cea54e, #d8943c, #de8337, #de763a, #d9673c, #d0593c, #c54b3b, #b93f38, #b03534, #a93030, #a7302d, #ab372b, #b44628, #bf5a27, #ca712b, #d48a36, #dca047, #e2b458, #e5c165. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Teal, gray, red and orange linear gradient
- Seed: `kWcS59ZRA-Nc1Mw-uLz6KtHI`
- Page: https://grabient.com/kWcS59ZRA-Nc1Mw-uLz6KtHI?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: vivid, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 4.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 | `#275f52` | `oklch(44.49% 0.0634 175.78)` | Evening Sea | white, 7.3 to 1 |
| 2 | `#33685b` | `oklch(47.63% 0.0610 175.28)` | Galapagos Green | white, 6.4 to 1 |
| 3 | `#447468` | `oklch(52.18% 0.0568 175.34)` | Christmas Ivy | white, 5.3 to 1 |
| 4 | `#588478` | `oklch(57.62% 0.0518 175.45)` | Idyllic Island | black, 4.9 to 1 |
| 5 | `#6d9489` | `oklch(63.42% 0.0468 175.10)` | Up North | black, 6.2 to 1 |
| 6 | `#81a599` | `oklch(69.07% 0.0428 173.78)` | Verdigreen | black, 7.7 to 1 |
| 7 | `#92b4a7` | `oklch(74.04% 0.0406 170.98)` | Vintage Vessel | black, 9.2 to 1 |
| 8 | `#9fc0b1` | `oklch(77.81% 0.0413 166.19)` | Diorite | black, 10.6 to 1 |
| 9 | `#a5c7b3` | `oklch(79.87% 0.0456 158.85)` | Lobaria Lichen | black, 11.4 to 1 |
| 10 | `#a8c9ac` | `oklch(80.45% 0.0547 147.86)` | Pastel Meadow | black, 11.6 to 1 |
| 11 | `#acc89b` | `oklch(79.94% 0.0676 133.77)` | Geddy Green | black, 11.4 to 1 |
| 12 | `#b4c184` | `oklch(78.58% 0.0830 117.73)` | Dried Caspia | black, 10.8 to 1 |
| 13 | `#c1b568` | `oklch(76.62% 0.0995 100.89)` | Linden Green | black, 10 to 1 |
| 14 | `#cea54e` | `oklch(74.30% 0.1157 84.39)` | Royal Gold Pearl | black, 9.1 to 1 |
| 15 | `#d8943c` | `oklch(71.85% 0.1303 69.37)` | Hint of Caramel | black, 8.2 to 1 |
| 16 | `#de8337` | `oklch(69.54% 0.1419 56.99)` | Sunlounge | black, 7.4 to 1 |
| 17 | `#de763a` | `oklch(67.39% 0.1494 47.98)` | Northern Barrens Dust | black, 6.7 to 1 |
| 18 | `#d9673c` | `oklch(64.50% 0.1544 40.67)` | Bronzed | black, 5.9 to 1 |
| 19 | `#d0593c` | `oklch(61.05% 0.1577 34.73)` | Bugman’s Glow | black, 5.1 to 1 |
| 20 | `#c54b3b` | `oklch(57.42% 0.1593 30.17)` | Sweet Baby Rose | white, 4.7 to 1 |
| 21 | `#b93f38` | `oklch(54.02% 0.1597 27.03)` | Naughty Hottie | white, 5.4 to 1 |
| 22 | `#b03534` | `oklch(51.23% 0.1591 25.31)` | Red Contrast | white, 6.1 to 1 |
| 23 | `#a93030` | `oklch(49.44% 0.1578 25.04)` | Très Bien | white, 6.6 to 1 |
| 24 | `#a7302d` | `oklch(49.05% 0.1562 26.25)` | Très Bien | white, 6.7 to 1 |
| 25 | `#ab372b` | `oklch(50.49% 0.1538 29.55)` | Sweet Brown | white, 6.3 to 1 |
| 26 | `#b44628` | `oklch(53.79% 0.1497 35.97)` | Cattail Red | white, 5.4 to 1 |
| 27 | `#bf5a27` | `oklch(58.42% 0.1445 44.62)` | Grieving Daylily | black, 4.7 to 1 |
| 28 | `#ca712b` | `oklch(63.84% 0.1385 54.56)` | Ochre Pigment | black, 5.9 to 1 |
| 29 | `#d48a36` | `oklch(69.48% 0.1324 64.82)` | Caramelise | black, 7.4 to 1 |
| 30 | `#dca047` | `oklch(74.80% 0.1266 74.47)` | Solar Fusion | black, 9.2 to 1 |
| 31 | `#e2b458` | `oklch(79.26% 0.1218 82.53)` | Cookie Crust | black, 10.8 to 1 |
| 32 | `#e5c165` | `oklch(82.28% 0.1185 88.07)` | Golden Chalice | black, 12.1 to 1 |

## CSS

```css
background: linear-gradient(225deg, #275f52 0.0%, #33685b 3.2%, #447468 6.5%, #588478 9.7%, #6d9489 12.9%, #81a599 16.1%, #92b4a7 19.4%, #9fc0b1 22.6%, #a5c7b3 25.8%, #a8c9ac 29.0%, #acc89b 32.3%, #b4c184 35.5%, #c1b568 38.7%, #cea54e 41.9%, #d8943c 45.2%, #de8337 48.4%, #de763a 51.6%, #d9673c 54.8%, #d0593c 58.1%, #c54b3b 61.3%, #b93f38 64.5%, #b03534 67.7%, #a93030 71.0%, #a7302d 74.2%, #ab372b 77.4%, #b44628 80.6%, #bf5a27 83.9%, #ca712b 87.1%, #d48a36 90.3%, #dca047 93.5%, #e2b458 96.8%, #e5c165 100.0%);
background: linear-gradient(225deg in oklch, oklch(44.49% 0.0634 175.78) 0.0%, oklch(47.63% 0.0610 175.28) 3.2%, oklch(52.18% 0.0568 175.34) 6.5%, oklch(57.62% 0.0518 175.45) 9.7%, oklch(63.42% 0.0468 175.10) 12.9%, oklch(69.07% 0.0428 173.78) 16.1%, oklch(74.04% 0.0406 170.98) 19.4%, oklch(77.81% 0.0413 166.19) 22.6%, oklch(79.87% 0.0456 158.85) 25.8%, oklch(80.45% 0.0547 147.86) 29.0%, oklch(79.94% 0.0676 133.77) 32.3%, oklch(78.58% 0.0830 117.73) 35.5%, oklch(76.62% 0.0995 100.89) 38.7%, oklch(74.30% 0.1157 84.39) 41.9%, oklch(71.85% 0.1303 69.37) 45.2%, oklch(69.54% 0.1419 56.99) 48.4%, oklch(67.39% 0.1494 47.98) 51.6%, oklch(64.50% 0.1544 40.67) 54.8%, oklch(61.05% 0.1577 34.73) 58.1%, oklch(57.42% 0.1593 30.17) 61.3%, oklch(54.02% 0.1597 27.03) 64.5%, oklch(51.23% 0.1591 25.31) 67.7%, oklch(49.44% 0.1578 25.04) 71.0%, oklch(49.05% 0.1562 26.25) 74.2%, oklch(50.49% 0.1538 29.55) 77.4%, oklch(53.79% 0.1497 35.97) 80.6%, oklch(58.42% 0.1445 44.62) 83.9%, oklch(63.84% 0.1385 54.56) 87.1%, oklch(69.48% 0.1324 64.82) 90.3%, oklch(74.80% 0.1266 74.47) 93.5%, oklch(79.26% 0.1218 82.53) 96.8%, oklch(82.28% 0.1185 88.07) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.445 | 0.063 | 175.8 |
| 2 | 0.795 | 0.044 | 161 |
| 3 | 0.685 | 0.146 | 52.1 |
| 4 | 0.492 | 0.156 | 26.8 |
| 5 | 0.823 | 0.119 | 88.1 |

## In these collections

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

## Other forms

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