# Coral orange festival field

Vivid analogous orange to magenta linear gradient with 40 colors: #f7b800, #f8b700, #f8b500, #f9b402, #fab205, #fbb008, #fcae0d, #fdab12, #fea916, #ffa71a, #ffa422, #ffa229, #ff9f2f, #ff9d33, #ff9a36, #ff9738, #ff943a, #ff903c, #ff8c3c, #ff883d, #fe853f, #fd8141, #fb7d43, #f97845, #f77348, #f46e4a, #f1694c, #ee634f, #eb5e51, #e85953, #e45355, #e14e57, #dd4959, #d9455b, #d6405d, #d33c5f, #cf3860, #cc3562, #ca3263, #c83064. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid analogous orange to magenta linear gradient
- Seed: `kS0Ho73r070dFOs`
- Page: https://grabient.com/kS0Ho73r070dFOs?steps=40&angle=225
- Drawn as: linear gradient, 40 steps, 225 degrees
- Kinds: vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 2.9 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 | `#f7b800` | `oklch(81.89% 0.1681 83.67)` | Blue Angels Yellow | black, 11.8 to 1 |
| 2 | `#f8b700` | `oklch(81.69% 0.1681 82.70)` | Blue Angels Yellow | black, 11.7 to 1 |
| 3 | `#f8b500` | `oklch(81.48% 0.1680 81.58)` | Waxy Corn | black, 11.6 to 1 |
| 4 | `#f9b402` | `oklch(81.26% 0.1679 80.31)` | Yellow Summer | black, 11.5 to 1 |
| 5 | `#fab205` | `oklch(81.02% 0.1677 78.92)` | Limeño Limón | black, 11.4 to 1 |
| 6 | `#fbb008` | `oklch(80.77% 0.1676 77.41)` | Yellow Orange | black, 11.2 to 1 |
| 7 | `#fcae0d` | `oklch(80.50% 0.1674 75.79)` | Turmeric Root | black, 11.1 to 1 |
| 8 | `#fdab12` | `oklch(80.21% 0.1672 74.07)` | Beer | black, 11 to 1 |
| 9 | `#fea916` | `oklch(79.90% 0.1670 72.27)` | I Love to Boogie | black, 10.9 to 1 |
| 10 | `#ffa71a` | `oklch(79.57% 0.1668 70.39)` | Cloudy Carrot | black, 10.7 to 1 |
| 11 | `#ffa422` | `oklch(79.21% 0.1653 68.46)` | Mango | black, 10.6 to 1 |
| 12 | `#ffa229` | `oklch(78.83% 0.1637 66.46)` | Zinnia | black, 10.4 to 1 |
| 13 | `#ff9f2f` | `oklch(78.43% 0.1624 64.42)` | Blazing Bonfire | black, 10.2 to 1 |
| 14 | `#ff9d33` | `oklch(78.00% 0.1617 62.34)` | Blazing Bonfire | black, 10.1 to 1 |
| 15 | `#ff9a36` | `oklch(77.53% 0.1615 60.25)` | Indian Saffron | black, 9.9 to 1 |
| 16 | `#ff9738` | `oklch(77.04% 0.1617 58.14)` | Orange Jewel | black, 9.7 to 1 |
| 17 | `#ff943a` | `oklch(76.52% 0.1625 56.03)` | Energy Orange | black, 9.5 to 1 |
| 18 | `#ff903c` | `oklch(75.96% 0.1638 53.93)` | Instant Orange | black, 9.3 to 1 |
| 19 | `#ff8c3c` | `oklch(75.37% 0.1656 51.86)` | Kanzō Orange | black, 9 to 1 |
| 20 | `#ff883d` | `oklch(74.74% 0.1678 49.81)` | Orange Bell Pepper | black, 8.8 to 1 |
| 21 | `#fe853f` | `oklch(74.06% 0.1684 47.78)` | Orange Bell Pepper | black, 8.6 to 1 |
| 22 | `#fd8141` | `oklch(73.30% 0.1691 45.62)` | Mango Tango | black, 8.3 to 1 |
| 23 | `#fb7d43` | `oklch(72.44% 0.1700 43.35)` | Sagittarius Amber Artefact | black, 8 to 1 |
| 24 | `#f97845` | `oklch(71.51% 0.1710 40.96)` | Precious Persimmon | black, 7.7 to 1 |
| 25 | `#f77348` | `oklch(70.51% 0.1721 38.49)` | Coral Rose | black, 7.4 to 1 |
| 26 | `#f46e4a` | `oklch(69.46% 0.1734 35.96)` | Fiery Sky | black, 7.1 to 1 |
| 27 | `#f1694c` | `oklch(68.37% 0.1746 33.38)` | Entan Red | black, 6.8 to 1 |
| 28 | `#ee634f` | `oklch(67.25% 0.1760 30.78)` | Connect Red | black, 6.5 to 1 |
| 29 | `#eb5e51` | `oklch(66.12% 0.1774 28.18)` | Opal Flame | black, 6.2 to 1 |
| 30 | `#e85953` | `oklch(64.97% 0.1788 25.60)` | Reductant | black, 5.9 to 1 |
| 31 | `#e45355` | `oklch(63.84% 0.1802 23.06)` | Red Arremer | black, 5.6 to 1 |
| 32 | `#e14e57` | `oklch(62.72% 0.1816 20.58)` | Thimbleberry | black, 5.4 to 1 |
| 33 | `#dd4959` | `oklch(61.64% 0.1830 18.18)` | Celestial Coral | black, 5.1 to 1 |
| 34 | `#d9455b` | `oklch(60.60% 0.1843 15.89)` | Geranium | black, 4.9 to 1 |
| 35 | `#d6405d` | `oklch(59.61% 0.1855 13.72)` | Azalea | black, 4.7 to 1 |
| 36 | `#d33c5f` | `oklch(58.69% 0.1867 11.69)` | Azalea | white, 4.5 to 1 |
| 37 | `#cf3860` | `oklch(57.84% 0.1878 9.84)` | Raspberry Jam | white, 4.7 to 1 |
| 38 | `#cc3562` | `oklch(57.09% 0.1887 8.17)` | Spicy Berry | white, 4.9 to 1 |
| 39 | `#ca3263` | `oklch(56.44% 0.1895 6.70)` | Spicy Berry | white, 5 to 1 |
| 40 | `#c83064` | `oklch(55.91% 0.1902 5.47)` | Spicy Berry | white, 5.1 to 1 |

## CSS

```css
background: linear-gradient(225deg, #f7b800 0.0%, #f8b700 2.6%, #f8b500 5.1%, #f9b402 7.7%, #fab205 10.3%, #fbb008 12.8%, #fcae0d 15.4%, #fdab12 17.9%, #fea916 20.5%, #ffa71a 23.1%, #ffa422 25.6%, #ffa229 28.2%, #ff9f2f 30.8%, #ff9d33 33.3%, #ff9a36 35.9%, #ff9738 38.5%, #ff943a 41.0%, #ff903c 43.6%, #ff8c3c 46.2%, #ff883d 48.7%, #fe853f 51.3%, #fd8141 53.8%, #fb7d43 56.4%, #f97845 59.0%, #f77348 61.5%, #f46e4a 64.1%, #f1694c 66.7%, #ee634f 69.2%, #eb5e51 71.8%, #e85953 74.4%, #e45355 76.9%, #e14e57 79.5%, #dd4959 82.1%, #d9455b 84.6%, #d6405d 87.2%, #d33c5f 89.7%, #cf3860 92.3%, #cc3562 94.9%, #ca3263 97.4%, #c83064 100.0%);
background: linear-gradient(225deg in oklch, oklch(81.89% 0.1681 83.67) 0.0%, oklch(81.69% 0.1681 82.70) 2.6%, oklch(81.48% 0.1680 81.58) 5.1%, oklch(81.26% 0.1679 80.31) 7.7%, oklch(81.02% 0.1677 78.92) 10.3%, oklch(80.77% 0.1676 77.41) 12.8%, oklch(80.50% 0.1674 75.79) 15.4%, oklch(80.21% 0.1672 74.07) 17.9%, oklch(79.90% 0.1670 72.27) 20.5%, oklch(79.57% 0.1668 70.39) 23.1%, oklch(79.21% 0.1653 68.46) 25.6%, oklch(78.83% 0.1637 66.46) 28.2%, oklch(78.43% 0.1624 64.42) 30.8%, oklch(78.00% 0.1617 62.34) 33.3%, oklch(77.53% 0.1615 60.25) 35.9%, oklch(77.04% 0.1617 58.14) 38.5%, oklch(76.52% 0.1625 56.03) 41.0%, oklch(75.96% 0.1638 53.93) 43.6%, oklch(75.37% 0.1656 51.86) 46.2%, oklch(74.74% 0.1678 49.81) 48.7%, oklch(74.06% 0.1684 47.78) 51.3%, oklch(73.30% 0.1691 45.62) 53.8%, oklch(72.44% 0.1700 43.35) 56.4%, oklch(71.51% 0.1710 40.96) 59.0%, oklch(70.51% 0.1721 38.49) 61.5%, oklch(69.46% 0.1734 35.96) 64.1%, oklch(68.37% 0.1746 33.38) 66.7%, oklch(67.25% 0.1760 30.78) 69.2%, oklch(66.12% 0.1774 28.18) 71.8%, oklch(64.97% 0.1788 25.60) 74.4%, oklch(63.84% 0.1802 23.06) 76.9%, oklch(62.72% 0.1816 20.58) 79.5%, oklch(61.64% 0.1830 18.18) 82.1%, oklch(60.60% 0.1843 15.89) 84.6%, oklch(59.61% 0.1855 13.72) 87.2%, oklch(58.69% 0.1867 11.69) 89.7%, oklch(57.84% 0.1878 9.84) 92.3%, oklch(57.09% 0.1887 8.17) 94.9%, oklch(56.44% 0.1895 6.70) 97.4%, oklch(55.91% 0.1902 5.47) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.168 | 83.7 |
| 2 | 0.744 | 0.168 | 48.8 |
| 3 | 0.559 | 0.19 | 5.5 |

## In these collections

- [Day of the Dead gradients](https://grabient.com/day-of-the-dead-gradients)

## Other forms

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