# Coral Raspberry Radiance

Neon monochrome salmon to pink radial gradient with 32 colors: #ff806c, #ff7f6e, #ff7d71, #ff7c74, #ff7a77, #ff787b, #ff767e, #ff7482, #ff7186, #ff6f8a, #ff6c8e, #ff6a91, #ff6794, #ff6498, #ff609b, #ff5c9f, #ff58a3, #ff54a7, #ff51ab, #fd52af, #fb54b4, #fa56b8, #f959bd, #f95dc2, #fa62c7, #fa66cd, #fb6bd2, #fc6fd7, #fd73dc, #fe77e0, #ff7ae3, #ff7de6. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Neon monochrome salmon to pink radial gradient
- Seed: `kUvJgV29O9VlQPZiSL5g`
- Page: https://grabient.com/kUvJgV29O9VlQPZiSL5g?style=radialGradient&steps=32&angle=45
- Drawn as: radial gradient, 32 steps, 45 degrees
- Kinds: even lightness, vivid, neon, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.3 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 | `#ff806c` | `oklch(74.01% 0.1589 30.23)` | Hipster Salmon | black, 8.5 to 1 |
| 2 | `#ff7f6e` | `oklch(73.90% 0.1595 28.95)` | Hipster Salmon | black, 8.4 to 1 |
| 3 | `#ff7d71` | `oklch(73.76% 0.1603 27.30)` | Hipster Salmon | black, 8.4 to 1 |
| 4 | `#ff7c74` | `oklch(73.59% 0.1615 25.35)` | Salmon Sashimi | black, 8.3 to 1 |
| 5 | `#ff7a77` | `oklch(73.40% 0.1631 23.16)` | Forbidden Fruit | black, 8.2 to 1 |
| 6 | `#ff787b` | `oklch(73.19% 0.1650 20.80)` | Embarrassment | black, 8.2 to 1 |
| 7 | `#ff767e` | `oklch(72.97% 0.1674 18.33)` | Salmon Rose | black, 8.1 to 1 |
| 8 | `#ff7482` | `oklch(72.75% 0.1701 15.83)` | Salmon Rose | black, 8 to 1 |
| 9 | `#ff7186` | `oklch(72.53% 0.1732 13.35)` | Wild Watermelon | black, 7.9 to 1 |
| 10 | `#ff6f8a` | `oklch(72.31% 0.1765 10.96)` | Blush Hour | black, 7.8 to 1 |
| 11 | `#ff6c8e` | `oklch(72.11% 0.1800 8.74)` | Blush Hour | black, 7.8 to 1 |
| 12 | `#ff6a91` | `oklch(71.90% 0.1837 6.67)` | Blush Hour | black, 7.7 to 1 |
| 13 | `#ff6794` | `oklch(71.63% 0.1883 4.60)` | French Pink | black, 7.6 to 1 |
| 14 | `#ff6498` | `oklch(71.31% 0.1937 2.53)` | Neon Sunset | black, 7.5 to 1 |
| 15 | `#ff609b` | `oklch(70.98% 0.1996 0.46)` | Neon Sunset | black, 7.3 to 1 |
| 16 | `#ff5c9f` | `oklch(70.65% 0.2059 358.42)` | Neon Sunset | black, 7.2 to 1 |
| 17 | `#ff58a3` | `oklch(70.35% 0.2124 356.41)` | Magenta Crayon | black, 7.1 to 1 |
| 18 | `#ff54a7` | `oklch(70.11% 0.2186 354.45)` | Pink Katydid | black, 7 to 1 |
| 19 | `#ff51ab` | `oklch(69.94% 0.2244 352.57)` | Pink Katydid | black, 7 to 1 |
| 20 | `#fd52af` | `oklch(69.88% 0.2230 350.76)` | Pink Katydid | black, 6.9 to 1 |
| 21 | `#fb54b4` | `oklch(69.95% 0.2215 349.05)` | Pink Katydid | black, 7 to 1 |
| 22 | `#fa56b8` | `oklch(70.17% 0.2200 347.44)` | Eosin Pink | black, 7 to 1 |
| 23 | `#f959bd` | `oklch(70.60% 0.2182 345.87)` | Eosin Pink | black, 7.2 to 1 |
| 24 | `#f95dc2` | `oklch(71.21% 0.2161 344.35)` | Eosin Pink | black, 7.3 to 1 |
| 25 | `#fa62c7` | `oklch(71.94% 0.2139 342.88)` | Eosin Pink | black, 7.6 to 1 |
| 26 | `#fa66cd` | `oklch(72.77% 0.2115 341.48)` | Rose Pink | black, 7.8 to 1 |
| 27 | `#fb6bd2` | `oklch(73.65% 0.2091 340.16)` | Rose Pink | black, 8.1 to 1 |
| 28 | `#fc6fd7` | `oklch(74.52% 0.2068 338.93)` | Rose Pink | black, 8.4 to 1 |
| 29 | `#fd73dc` | `oklch(75.36% 0.2046 337.82)` | Avant-Garde Pink | black, 8.6 to 1 |
| 30 | `#fe77e0` | `oklch(76.10% 0.2027 336.83)` | Avant-Garde Pink | black, 8.9 to 1 |
| 31 | `#ff7ae3` | `oklch(76.72% 0.2010 335.98)` | Avant-Garde Pink | black, 9.1 to 1 |
| 32 | `#ff7de6` | `oklch(77.16% 0.1988 335.28)` | Splash of Grenadine | black, 9.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ff806c 0.0%, #ff7f6e 3.2%, #ff7d71 6.5%, #ff7c74 9.7%, #ff7a77 12.9%, #ff787b 16.1%, #ff767e 19.4%, #ff7482 22.6%, #ff7186 25.8%, #ff6f8a 29.0%, #ff6c8e 32.3%, #ff6a91 35.5%, #ff6794 38.7%, #ff6498 41.9%, #ff609b 45.2%, #ff5c9f 48.4%, #ff58a3 51.6%, #ff54a7 54.8%, #ff51ab 58.1%, #fd52af 61.3%, #fb54b4 64.5%, #fa56b8 67.7%, #f959bd 71.0%, #f95dc2 74.2%, #fa62c7 77.4%, #fa66cd 80.6%, #fb6bd2 83.9%, #fc6fd7 87.1%, #fd73dc 90.3%, #fe77e0 93.5%, #ff7ae3 96.8%, #ff7de6 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(74.01% 0.1589 30.23) 0.0%, oklch(73.90% 0.1595 28.95) 3.2%, oklch(73.76% 0.1603 27.30) 6.5%, oklch(73.59% 0.1615 25.35) 9.7%, oklch(73.40% 0.1631 23.16) 12.9%, oklch(73.19% 0.1650 20.80) 16.1%, oklch(72.97% 0.1674 18.33) 19.4%, oklch(72.75% 0.1701 15.83) 22.6%, oklch(72.53% 0.1732 13.35) 25.8%, oklch(72.31% 0.1765 10.96) 29.0%, oklch(72.11% 0.1800 8.74) 32.3%, oklch(71.90% 0.1837 6.67) 35.5%, oklch(71.63% 0.1883 4.60) 38.7%, oklch(71.31% 0.1937 2.53) 41.9%, oklch(70.98% 0.1996 0.46) 45.2%, oklch(70.65% 0.2059 358.42) 48.4%, oklch(70.35% 0.2124 356.41) 51.6%, oklch(70.11% 0.2186 354.45) 54.8%, oklch(69.94% 0.2244 352.57) 58.1%, oklch(69.88% 0.2230 350.76) 61.3%, oklch(69.95% 0.2215 349.05) 64.5%, oklch(70.17% 0.2200 347.44) 67.7%, oklch(70.60% 0.2182 345.87) 71.0%, oklch(71.21% 0.2161 344.35) 74.2%, oklch(71.94% 0.2139 342.88) 77.4%, oklch(72.77% 0.2115 341.48) 80.6%, oklch(73.65% 0.2091 340.16) 83.9%, oklch(74.52% 0.2068 338.93) 87.1%, oklch(75.36% 0.2046 337.82) 90.3%, oklch(76.10% 0.2027 336.83) 93.5%, oklch(76.72% 0.2010 335.98) 96.8%, oklch(77.16% 0.1988 335.28) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.74 | 0.209 | 30.2 |
| 2 | 0.72 | 0.23 | 8 |
| 3 | 0.701 | 0.22 | -12 |
| 4 | 0.772 | 0.2 | -24.7 |

## In these collections

- [Bright gradients](https://grabient.com/bright-gradients)

## Other forms

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