# Teal red gradient

Vivid teal, red and orange linear gradient with 32 colors: #3baea6, #3aad9c, #3dab8f, #46a77f, #53a36a, #649c53, #759438, #868a12, #937e00, #9c7300, #a46800, #ad5c00, #b74c02, #b84225, #b93b37, #b93644, #b9334e, #ba3355, #bd335a, #c0345d, #c5365f, #ca395f, #d03c5e, #d6405c, #dc4458, #e24954, #e84e4f, #ed524a, #f15745, #f55b40, #f85f3c, #fa613a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid teal, red and orange linear gradient
- Seed: `kSrkqGQ70rldHQi`
- Page: https://grabient.com/kSrkqGQ70rldHQi?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: vivid, warm, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.1 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 | `#3baea6` | `oklch(68.50% 0.1020 188.44)` | Waterfall | black, 7.7 to 1 |
| 2 | `#3aad9c` | `oklch(67.89% 0.1044 181.81)` | Ambrosial Oceanside | black, 7.6 to 1 |
| 3 | `#3dab8f` | `oklch(67.05% 0.1075 173.25)` | Zomp | black, 7.4 to 1 |
| 4 | `#46a77f` | `oklch(66.03% 0.1112 163.05)` | Shamrock Green | black, 7.1 to 1 |
| 5 | `#53a36a` | `oklch(64.87% 0.1153 151.49)` | Mosaic Green | black, 6.7 to 1 |
| 6 | `#649c53` | `oklch(63.61% 0.1198 138.88)` | Flat Green | black, 6.4 to 1 |
| 7 | `#759438` | `oklch(62.27% 0.1245 125.50)` | Siskin Sprout | black, 6 to 1 |
| 8 | `#868a12` | `oklch(60.90% 0.1295 111.65)` | Krypton Green | black, 5.6 to 1 |
| 9 | `#937e00` | `oklch(59.53% 0.1229 97.60)` | Moscow Papyrus | black, 5.2 to 1 |
| 10 | `#9c7300` | `oklch(58.20% 0.1195 83.67)` | Barbarian Leather | black, 4.8 to 1 |
| 11 | `#a46800` | `oklch(56.95% 0.1233 70.15)` | Komodo | white, 4.5 to 1 |
| 12 | `#ad5c00` | `oklch(55.82% 0.1346 57.33)` | Elm Brown Red | white, 4.8 to 1 |
| 13 | `#b74c02` | `oklch(54.84% 0.1545 45.54)` | Beef Bourguignon | white, 5.2 to 1 |
| 14 | `#b84225` | `oklch(54.05% 0.1589 35.00)` | Devil’s Butterfly | white, 5.4 to 1 |
| 15 | `#b93b37` | `oklch(53.49% 0.1630 26.03)` | Edgy Red | white, 5.6 to 1 |
| 16 | `#b93644` | `oklch(53.19% 0.1665 18.94)` | Rust Effect | white, 5.7 to 1 |
| 17 | `#b9334e` | `oklch(53.19% 0.1696 13.92)` | Raspberry Wine | white, 5.7 to 1 |
| 18 | `#ba3355` | `oklch(53.49% 0.1724 10.56)` | Raspberry Wine | white, 5.6 to 1 |
| 19 | `#bd335a` | `oklch(54.05% 0.1750 8.61)` | Maroon Light | white, 5.5 to 1 |
| 20 | `#c0345d` | `oklch(54.84% 0.1775 7.91)` | Maroon Light | white, 5.3 to 1 |
| 21 | `#c5365f` | `oklch(55.82% 0.1798 8.29)` | Cherry Lolly | white, 5.1 to 1 |
| 22 | `#ca395f` | `oklch(56.95% 0.1819 9.58)` | Cherry Lolly | white, 4.9 to 1 |
| 23 | `#d03c5e` | `oklch(58.20% 0.1838 11.61)` | Azalea | white, 4.6 to 1 |
| 24 | `#d6405c` | `oklch(59.53% 0.1856 14.21)` | Azalea | black, 4.7 to 1 |
| 25 | `#dc4458` | `oklch(60.90% 0.1873 17.21)` | Celestial Coral | black, 5 to 1 |
| 26 | `#e24954` | `oklch(62.27% 0.1888 20.45)` | Thimbleberry | black, 5.3 to 1 |
| 27 | `#e84e4f` | `oklch(63.61% 0.1902 23.74)` | Fever | black, 5.6 to 1 |
| 28 | `#ed524a` | `oklch(64.87% 0.1915 26.93)` | Pastel Strawberry | black, 5.9 to 1 |
| 29 | `#f15745` | `oklch(66.03% 0.1927 29.83)` | Benihi Red | black, 6.1 to 1 |
| 30 | `#f55b40` | `oklch(67.05% 0.1937 32.30)` | Orange Soda | black, 6.4 to 1 |
| 31 | `#f85f3c` | `oklch(67.89% 0.1947 34.15)` | Vermilion Orange | black, 6.6 to 1 |
| 32 | `#fa613a` | `oklch(68.50% 0.1957 35.21)` | Vermilion Orange | black, 6.8 to 1 |

## CSS

```css
background: linear-gradient(45deg, #3baea6 0.0%, #3aad9c 3.2%, #3dab8f 6.5%, #46a77f 9.7%, #53a36a 12.9%, #649c53 16.1%, #759438 19.4%, #868a12 22.6%, #937e00 25.8%, #9c7300 29.0%, #a46800 32.3%, #ad5c00 35.5%, #b74c02 38.7%, #b84225 41.9%, #b93b37 45.2%, #b93644 48.4%, #b9334e 51.6%, #ba3355 54.8%, #bd335a 58.1%, #c0345d 61.3%, #c5365f 64.5%, #ca395f 67.7%, #d03c5e 71.0%, #d6405c 74.2%, #dc4458 77.4%, #e24954 80.6%, #e84e4f 83.9%, #ed524a 87.1%, #f15745 90.3%, #f55b40 93.5%, #f85f3c 96.8%, #fa613a 100.0%);
background: linear-gradient(45deg in oklch, oklch(68.50% 0.1020 188.44) 0.0%, oklch(67.89% 0.1044 181.81) 3.2%, oklch(67.05% 0.1075 173.25) 6.5%, oklch(66.03% 0.1112 163.05) 9.7%, oklch(64.87% 0.1153 151.49) 12.9%, oklch(63.61% 0.1198 138.88) 16.1%, oklch(62.27% 0.1245 125.50) 19.4%, oklch(60.90% 0.1295 111.65) 22.6%, oklch(59.53% 0.1229 97.60) 25.8%, oklch(58.20% 0.1195 83.67) 29.0%, oklch(56.95% 0.1233 70.15) 32.3%, oklch(55.82% 0.1346 57.33) 35.5%, oklch(54.84% 0.1545 45.54) 38.7%, oklch(54.05% 0.1589 35.00) 41.9%, oklch(53.49% 0.1630 26.03) 45.2%, oklch(53.19% 0.1665 18.94) 48.4%, oklch(53.19% 0.1696 13.92) 51.6%, oklch(53.49% 0.1724 10.56) 54.8%, oklch(54.05% 0.1750 8.61) 58.1%, oklch(54.84% 0.1775 7.91) 61.3%, oklch(55.82% 0.1798 8.29) 64.5%, oklch(56.95% 0.1819 9.58) 67.7%, oklch(58.20% 0.1838 11.61) 71.0%, oklch(59.53% 0.1856 14.21) 74.2%, oklch(60.90% 0.1873 17.21) 77.4%, oklch(62.27% 0.1888 20.45) 80.6%, oklch(63.61% 0.1902 23.74) 83.9%, oklch(64.87% 0.1915 26.93) 87.1%, oklch(66.03% 0.1927 29.83) 90.3%, oklch(67.05% 0.1937 32.30) 93.5%, oklch(67.89% 0.1947 34.15) 96.8%, oklch(68.50% 0.1957 35.21) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.685 | 0.102 | 188.4 |
| 2 | 0.531 | 0.168 | 16.2 |
| 3 | 0.685 | 0.196 | 35.2 |

## In these collections

- [Coral color palette](https://grabient.com/coral-color-palette)

## Other forms

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