# Red and Green: Coral and gold

The "Red and Green: Coral and gold" palette brings together red, orange, gold, yellow, green, and light green. The colors span a narrow lightness range, combining strong color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is green.

- Also called: Vivid tritone salmon, yellow and green linear gradient
- Seed: `kav2wTZa_DO0xwv0NsJdz_DHRAQZyvcGg`
- Page: https://grabient.com/kav2wTZa_DO0xwv0NsJdz_DHRAQZyvcGg?angle=300
- Drawn as: linear gradient, 7 steps, 300 degrees
- Kinds: vivid, light, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 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 | `#ff867b` | `oklch(75.20% 0.1488 26.72)` | Fusion Coral | black, 8.9 to 1 |
| 2 | `#fea568` | `oklch(79.92% 0.1309 54.19)` | Baby Melon | black, 10.8 to 1 |
| 3 | `#ffc661` | `oklch(85.83% 0.1346 79.56)` | Mellow Drama | black, 13.4 to 1 |
| 4 | `#fae462` | `oklch(91.34% 0.1502 99.63)` | Goldfinch | black, 16.3 to 1 |
| 5 | `#cdff74` | `oklch(93.70% 0.1750 126.05)` | Green Shimmer | black, 18.1 to 1 |
| 6 | `#a0fe8a` | `oklch(91.34% 0.1764 139.79)` | Cobalt Green | black, 17.1 to 1 |
| 7 | `#73ffab` | `oklch(90.15% 0.1693 154.59)` | Lunatic Sky Dancer | black, 16.6 to 1 |

## CSS

```css
background: linear-gradient(300deg, #ff867b 0.0%, #fea568 16.7%, #ffc661 33.3%, #fae462 50.0%, #cdff74 66.7%, #a0fe8a 83.3%, #73ffab 100.0%);
background: linear-gradient(300deg in oklch, oklch(75.20% 0.1488 26.72) 0.0%, oklch(79.92% 0.1309 54.19) 16.7%, oklch(85.83% 0.1346 79.56) 33.3%, oklch(91.34% 0.1502 99.63) 50.0%, oklch(93.70% 0.1750 126.05) 66.7%, oklch(91.34% 0.1764 139.79) 83.3%, oklch(90.15% 0.1693 154.59) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.752 | 0.149 | 26.7 |
| 2 | 0.799 | 0.131 | 54.2 |
| 3 | 0.858 | 0.136 | 79.6 |
| 4 | 0.913 | 0.15 | 99.6 |
| 5 | 0.937 | 0.175 | 126.1 |
| 6 | 0.913 | 0.176 | 139.8 |
| 7 | 0.902 | 0.169 | 154.6 |

## In these collections

- [Red and green gradients](https://grabient.com/red-and-green-gradients)

## Other forms

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