# Basil ochre rain diagonal

Tritone orange, teal and green linear gradient with 32 colors: #de7d37, #d67e2f, #cc7f26, #be811f, #ae821f, #9d8226, #8a8130, #797f3b, #687c44, #5a784c, #507352, #486d56, #436858, #416459, #3f6059, #3e5e59, #3c5d59, #3a5d5a, #375f5b, #33615d, #2e655e, #28695f, #216e5f, #19735f, #11785c, #0d7d59, #0f8154, #18854e, #228947, #2b8c40, #328e39, #389033. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone orange, teal and green linear gradient
- Seed: `kSrmoluY5Psm4Os`
- Page: https://grabient.com/kSrmoluY5Psm4Os?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: vivid
- Hues: two-hue
- 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 | `#de7d37` | `oklch(68.50% 0.1461 52.73)` | Sandy Peppers | black, 7 to 1 |
| 2 | `#d67e2f` | `oklch(67.59% 0.1417 57.91)` | Yellow Mandarin | black, 6.8 to 1 |
| 3 | `#cc7f26` | `oklch(66.38% 0.1358 64.68)` | Yamabukicha Gold | black, 6.6 to 1 |
| 4 | `#be811f` | `oklch(64.93% 0.1287 72.79)` | Turmeric Brown | black, 6.3 to 1 |
| 5 | `#ae821f` | `oklch(63.27% 0.1204 82.00)` | Murder Mustard | black, 5.9 to 1 |
| 6 | `#9d8226` | `oklch(61.47% 0.1115 92.05)` | Hacienda | black, 5.6 to 1 |
| 7 | `#8a8130` | `oklch(59.56% 0.1020 102.70)` | Apeland | black, 5.2 to 1 |
| 8 | `#797f3b` | `oklch(57.59% 0.0923 113.69)` | Thai Basil | black, 4.9 to 1 |
| 9 | `#687c44` | `oklch(55.61% 0.0827 124.79)` | Healing Plant | white, 4.6 to 1 |
| 10 | `#5a784c` | `oklch(53.67% 0.0734 135.73)` | Jolly Green | white, 4.9 to 1 |
| 11 | `#507352` | `oklch(51.82% 0.0646 146.26)` | Irish Clover | white, 5.3 to 1 |
| 12 | `#486d56` | `oklch(50.09% 0.0567 156.15)` | Medium Grey Green | white, 5.8 to 1 |
| 13 | `#436858` | `oklch(48.55% 0.0499 165.13)` | June Ivy | white, 6.2 to 1 |
| 14 | `#416459` | `oklch(47.24% 0.0444 172.97)` | Forest Greenery | white, 6.5 to 1 |
| 15 | `#3f6059` | `oklch(46.21% 0.0406 179.40)` | Emerson | white, 6.9 to 1 |
| 16 | `#3e5e59` | `oklch(45.50% 0.0387 184.19)` | Rosemary | white, 7.1 to 1 |
| 17 | `#3c5d59` | `oklch(45.15% 0.0390 187.13)` | Trekking Green | white, 7.2 to 1 |
| 18 | `#3a5d5a` | `oklch(45.13% 0.0415 188.48)` | Royal Pine | white, 7.2 to 1 |
| 19 | `#375f5b` | `oklch(45.41% 0.0459 188.44)` | Royal Pine | white, 7.1 to 1 |
| 20 | `#33615d` | `oklch(45.94% 0.0519 187.19)` | Royal Pine | white, 6.9 to 1 |
| 21 | `#2e655e` | `oklch(46.69% 0.0593 184.91)` | Alliance | white, 6.7 to 1 |
| 22 | `#28695f` | `oklch(47.61% 0.0679 181.78)` | Galapagos Green | white, 6.4 to 1 |
| 23 | `#216e5f` | `oklch(48.67% 0.0773 177.98)` | Antique Green | white, 6 to 1 |
| 24 | `#19735f` | `oklch(49.82% 0.0872 173.68)` | Tropical Rainforest | white, 5.7 to 1 |
| 25 | `#11785c` | `oklch(51.04% 0.0974 169.05)` | Emerald Dream | white, 5.4 to 1 |
| 26 | `#0d7d59` | `oklch(52.27% 0.1077 164.28)` | Sharp Green | white, 5.1 to 1 |
| 27 | `#0f8154` | `oklch(53.48% 0.1177 159.55)` | Irish Beauty | white, 4.8 to 1 |
| 28 | `#18854e` | `oklch(54.63% 0.1272 155.02)` | Pixel Nature | white, 4.6 to 1 |
| 29 | `#228947` | `oklch(55.69% 0.1358 150.88)` | Rich Green | black, 4.7 to 1 |
| 30 | `#2b8c40` | `oklch(56.61% 0.1434 147.31)` | Green Ribbon | black, 4.9 to 1 |
| 31 | `#328e39` | `oklch(57.35% 0.1497 144.47)` | Green Ribbon | black, 5 to 1 |
| 32 | `#389033` | `oklch(57.87% 0.1543 142.56)` | Jade of Emeralds | black, 5.1 to 1 |

## CSS

```css
background: linear-gradient(45deg, #de7d37 0.0%, #d67e2f 3.2%, #cc7f26 6.5%, #be811f 9.7%, #ae821f 12.9%, #9d8226 16.1%, #8a8130 19.4%, #797f3b 22.6%, #687c44 25.8%, #5a784c 29.0%, #507352 32.3%, #486d56 35.5%, #436858 38.7%, #416459 41.9%, #3f6059 45.2%, #3e5e59 48.4%, #3c5d59 51.6%, #3a5d5a 54.8%, #375f5b 58.1%, #33615d 61.3%, #2e655e 64.5%, #28695f 67.7%, #216e5f 71.0%, #19735f 74.2%, #11785c 77.4%, #0d7d59 80.6%, #0f8154 83.9%, #18854e 87.1%, #228947 90.3%, #2b8c40 93.5%, #328e39 96.8%, #389033 100.0%);
background: linear-gradient(45deg in oklch, oklch(68.50% 0.1461 52.73) 0.0%, oklch(67.59% 0.1417 57.91) 3.2%, oklch(66.38% 0.1358 64.68) 6.5%, oklch(64.93% 0.1287 72.79) 9.7%, oklch(63.27% 0.1204 82.00) 12.9%, oklch(61.47% 0.1115 92.05) 16.1%, oklch(59.56% 0.1020 102.70) 19.4%, oklch(57.59% 0.0923 113.69) 22.6%, oklch(55.61% 0.0827 124.79) 25.8%, oklch(53.67% 0.0734 135.73) 29.0%, oklch(51.82% 0.0646 146.26) 32.3%, oklch(50.09% 0.0567 156.15) 35.5%, oklch(48.55% 0.0499 165.13) 38.7%, oklch(47.24% 0.0444 172.97) 41.9%, oklch(46.21% 0.0406 179.40) 45.2%, oklch(45.50% 0.0387 184.19) 48.4%, oklch(45.15% 0.0390 187.13) 51.6%, oklch(45.13% 0.0415 188.48) 54.8%, oklch(45.41% 0.0459 188.44) 58.1%, oklch(45.94% 0.0519 187.19) 61.3%, oklch(46.69% 0.0593 184.91) 64.5%, oklch(47.61% 0.0679 181.78) 67.7%, oklch(48.67% 0.0773 177.98) 71.0%, oklch(49.82% 0.0872 173.68) 74.2%, oklch(51.04% 0.0974 169.05) 77.4%, oklch(52.27% 0.1077 164.28) 80.6%, oklch(53.48% 0.1177 159.55) 83.9%, oklch(54.63% 0.1272 155.02) 87.1%, oklch(55.69% 0.1358 150.88) 90.3%, oklch(56.61% 0.1434 147.31) 93.5%, oklch(57.35% 0.1497 144.47) 96.8%, oklch(57.87% 0.1543 142.56) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.685 | 0.146 | 52.7 |
| 2 | 0.453 | 0.039 | 185.9 |
| 3 | 0.579 | 0.154 | 142.6 |

## In these collections

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

## Other forms

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