# Neon analogous pink to peach linear gradient

Neon analogous pink to peach linear gradient with 32 colors: #f53f79, #f64178, #f74378, #f74677, #f84876, #f94b76, #fa4e75, #fa5174, #fb5474, #fc5873, #fd5b72, #fd5e72, #fe6271, #ff6570, #ff6970, #ff6c70, #ff7070, #ff7470, #ff7770, #ff7b71, #ff7f71, #ff8371, #ff8772, #ff8b73, #ff8f74, #ff9275, #ff9576, #ff9877, #ff9b78, #fe9e79, #fea07b, #fea27c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kSpp8FW0FBuUsQm`
- Page: https://grabient.com/kSpp8FW0FBuUsQm?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: vivid, neon, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.8 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 | `#f53f79` | `oklch(65.35% 0.2191 7.03)` | Flamboyant Flamingo | black, 5.8 to 1 |
| 2 | `#f64178` | `oklch(65.58% 0.2177 7.56)` | Flamboyant Flamingo | black, 5.9 to 1 |
| 3 | `#f74378` | `oklch(65.85% 0.2160 8.17)` | Diva Pink | black, 6 to 1 |
| 4 | `#f74677` | `oklch(66.15% 0.2141 8.87)` | Fuchsia Felicity | black, 6 to 1 |
| 5 | `#f84876` | `oklch(66.49% 0.2121 9.64)` | Bonker Pink | black, 6.1 to 1 |
| 6 | `#f94b76` | `oklch(66.86% 0.2098 10.49)` | Bonker Pink | black, 6.2 to 1 |
| 7 | `#fa4e75` | `oklch(67.26% 0.2074 11.39)` | Bonker Pink | black, 6.3 to 1 |
| 8 | `#fa5174` | `oklch(67.68% 0.2048 12.35)` | Fiery Rose | black, 6.5 to 1 |
| 9 | `#fb5474` | `oklch(68.12% 0.2020 13.36)` | Fiery Rose | black, 6.6 to 1 |
| 10 | `#fc5873` | `oklch(68.58% 0.1992 14.42)` | Fiery Rose | black, 6.7 to 1 |
| 11 | `#fd5b72` | `oklch(69.05% 0.1963 15.51)` | Watermelon Candy | black, 6.9 to 1 |
| 12 | `#fd5e72` | `oklch(69.52% 0.1932 16.62)` | Watermelon Candy | black, 7 to 1 |
| 13 | `#fe6271` | `oklch(70.00% 0.1902 17.76)` | Grenadine Pink | black, 7.1 to 1 |
| 14 | `#ff6570` | `oklch(70.48% 0.1870 18.92)` | Grenadine Pink | black, 7.3 to 1 |
| 15 | `#ff6970` | `oklch(70.95% 0.1835 20.08)` | Pompelmo | black, 7.4 to 1 |
| 16 | `#ff6c70` | `oklch(71.42% 0.1793 21.24)` | Begonia | black, 7.6 to 1 |
| 17 | `#ff7070` | `oklch(71.89% 0.1753 22.42)` | Georgia Peach | black, 7.7 to 1 |
| 18 | `#ff7470` | `oklch(72.39% 0.1711 23.71)` | Embarrassment | black, 7.9 to 1 |
| 19 | `#ff7770` | `oklch(72.92% 0.1668 25.11)` | Salmon | black, 8.1 to 1 |
| 20 | `#ff7b71` | `oklch(73.48% 0.1624 26.59)` | Hipster Salmon | black, 8.3 to 1 |
| 21 | `#ff7f71` | `oklch(74.06% 0.1581 28.13)` | Hipster Salmon | black, 8.5 to 1 |
| 22 | `#ff8371` | `oklch(74.65% 0.1538 29.72)` | Fusion Coral | black, 8.7 to 1 |
| 23 | `#ff8772` | `oklch(75.24% 0.1497 31.32)` | Miami Coral | black, 8.9 to 1 |
| 24 | `#ff8b73` | `oklch(75.84% 0.1458 32.92)` | Miami Coral | black, 9.1 to 1 |
| 25 | `#ff8f74` | `oklch(76.42% 0.1420 34.50)` | Alexandria | black, 9.4 to 1 |
| 26 | `#ff9275` | `oklch(76.98% 0.1386 36.03)` | Alexandria | black, 9.6 to 1 |
| 27 | `#ff9576` | `oklch(77.51% 0.1354 37.49)` | Hibiscus Delight | black, 9.8 to 1 |
| 28 | `#ff9877` | `oklch(78.01% 0.1324 38.85)` | Flash in the Pan | black, 10 to 1 |
| 29 | `#ff9b78` | `oklch(78.48% 0.1291 40.10)` | Creamy Orange Blush | black, 10.2 to 1 |
| 30 | `#fe9e79` | `oklch(78.89% 0.1260 41.22)` | Candyman | black, 10.3 to 1 |
| 31 | `#fea07b` | `oklch(79.24% 0.1234 42.18)` | Dwarven Peaches | black, 10.5 to 1 |
| 32 | `#fea27c` | `oklch(79.53% 0.1213 42.96)` | Dwarven Peaches | black, 10.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #f53f79 0.0%, #f64178 3.2%, #f74378 6.5%, #f74677 9.7%, #f84876 12.9%, #f94b76 16.1%, #fa4e75 19.4%, #fa5174 22.6%, #fb5474 25.8%, #fc5873 29.0%, #fd5b72 32.3%, #fd5e72 35.5%, #fe6271 38.7%, #ff6570 41.9%, #ff6970 45.2%, #ff6c70 48.4%, #ff7070 51.6%, #ff7470 54.8%, #ff7770 58.1%, #ff7b71 61.3%, #ff7f71 64.5%, #ff8371 67.7%, #ff8772 71.0%, #ff8b73 74.2%, #ff8f74 77.4%, #ff9275 80.6%, #ff9576 83.9%, #ff9877 87.1%, #ff9b78 90.3%, #fe9e79 93.5%, #fea07b 96.8%, #fea27c 100.0%);
background: linear-gradient(135deg in oklch, oklch(65.35% 0.2191 7.03) 0.0%, oklch(65.58% 0.2177 7.56) 3.2%, oklch(65.85% 0.2160 8.17) 6.5%, oklch(66.15% 0.2141 8.87) 9.7%, oklch(66.49% 0.2121 9.64) 12.9%, oklch(66.86% 0.2098 10.49) 16.1%, oklch(67.26% 0.2074 11.39) 19.4%, oklch(67.68% 0.2048 12.35) 22.6%, oklch(68.12% 0.2020 13.36) 25.8%, oklch(68.58% 0.1992 14.42) 29.0%, oklch(69.05% 0.1963 15.51) 32.3%, oklch(69.52% 0.1932 16.62) 35.5%, oklch(70.00% 0.1902 17.76) 38.7%, oklch(70.48% 0.1870 18.92) 41.9%, oklch(70.95% 0.1835 20.08) 45.2%, oklch(71.42% 0.1793 21.24) 48.4%, oklch(71.89% 0.1753 22.42) 51.6%, oklch(72.39% 0.1711 23.71) 54.8%, oklch(72.92% 0.1668 25.11) 58.1%, oklch(73.48% 0.1624 26.59) 61.3%, oklch(74.06% 0.1581 28.13) 64.5%, oklch(74.65% 0.1538 29.72) 67.7%, oklch(75.24% 0.1497 31.32) 71.0%, oklch(75.84% 0.1458 32.92) 74.2%, oklch(76.42% 0.1420 34.50) 77.4%, oklch(76.98% 0.1386 36.03) 80.6%, oklch(77.51% 0.1354 37.49) 83.9%, oklch(78.01% 0.1324 38.85) 87.1%, oklch(78.48% 0.1291 40.10) 90.3%, oklch(78.89% 0.1260 41.22) 93.5%, oklch(79.24% 0.1234 42.18) 96.8%, oklch(79.53% 0.1213 42.96) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.654 | 0.219 | 7 |
| 2 | 0.717 | 0.179 | 21.8 |
| 3 | 0.795 | 0.121 | 43 |

## In these collections

- [Summer gradients](https://grabient.com/summer-gradients)
- [Sunset gradients](https://grabient.com/sunset-gradients)

## Other forms

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