# Neon duotone orange to pink linear gradient

Neon duotone orange to pink linear gradient with 10 colors: #fdb416, #ffa72f, #ff9445, #fe855b, #fe7b71, #ff7588, #ff729e, #fe75b2, #ff7cc2, #ff81cd. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU0Hk4Xrk7V1AO5hwD3A`
- Page: https://grabient.com/kU0Hk4Xrk7V1AO5hwD3A?steps=10&angle=75
- Drawn as: linear gradient, 10 steps, 75 degrees
- Kinds: even lightness, vivid, neon, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.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 | `#fdb416` | `oklch(81.89% 0.1667 78.75)` | Dithered Amber | black, 11.7 to 1 |
| 2 | `#ffa72f` | `oklch(79.72% 0.1609 68.54)` | Eversong Orange | black, 10.8 to 1 |
| 3 | `#ff9445` | `oklch(76.71% 0.1576 53.98)` | Pastel Orange | black, 9.5 to 1 |
| 4 | `#fe855b` | `oklch(74.41% 0.1571 39.65)` | Pink Fire | black, 8.7 to 1 |
| 5 | `#fe7b71` | `oklch(73.37% 0.1621 26.46)` | Hipster Salmon | black, 8.3 to 1 |
| 6 | `#ff7588` | `oklch(73.04% 0.1689 13.50)` | Heatstroke | black, 8.1 to 1 |
| 7 | `#ff729e` | `oklch(73.23% 0.1764 2.66)` | French Pink | black, 8.1 to 1 |
| 8 | `#fe75b2` | `oklch(74.19% 0.1778 354.60)` | Erythrosine | black, 8.4 to 1 |
| 9 | `#ff7cc2` | `oklch(75.68% 0.1770 348.65)` | Pink Plastic Fantastic | black, 8.8 to 1 |
| 10 | `#ff81cd` | `oklch(76.77% 0.1754 344.70)` | Pout Pink | black, 9.2 to 1 |

## CSS

```css
background: linear-gradient(75deg, #fdb416 0.0%, #ffa72f 11.1%, #ff9445 22.2%, #fe855b 33.3%, #fe7b71 44.4%, #ff7588 55.6%, #ff729e 66.7%, #fe75b2 77.8%, #ff7cc2 88.9%, #ff81cd 100.0%);
background: linear-gradient(75deg in oklch, oklch(81.89% 0.1667 78.75) 0.0%, oklch(79.72% 0.1609 68.54) 11.1%, oklch(76.71% 0.1576 53.98) 22.2%, oklch(74.41% 0.1571 39.65) 33.3%, oklch(73.37% 0.1621 26.46) 44.4%, oklch(73.04% 0.1689 13.50) 55.6%, oklch(73.23% 0.1764 2.66) 66.7%, oklch(74.19% 0.1778 354.60) 77.8%, oklch(75.68% 0.1770 348.65) 88.9%, oklch(76.77% 0.1754 344.70) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.167 | 78.8 |
| 2 | 0.744 | 0.157 | 39.7 |
| 3 | 0.732 | 0.176 | 2.7 |
| 4 | 0.768 | 0.176 | -15.3 |

## In these collections

- [Sunset swatches](https://grabient.com/sunset-swatches)
- [Sunrise swatches](https://grabient.com/sunrise-swatches)
- [Coral color palette](https://grabient.com/coral-color-palette)

## Other forms

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