# Pink peach golden gradient

Vivid duotone pink to yellow linear gradient with 6 colors: #f659da, #f54cc4, #fc67a4, #fe9c83, #ffc866, #ffd25b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid duotone pink to yellow linear gradient
- Seed: `kYtavu19XAttFQdkLURba_FXA2wO`
- Page: https://grabient.com/kYtavu19XAttFQdkLURba_FXA2wO?steps=6&angle=45
- Drawn as: linear gradient, 6 steps, 45 degrees
- Kinds: vivid, warm
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.1 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 | `#f659da` | `oklch(71.26% 0.2356 335.39)` | Purple Pizzazz | black, 7.3 to 1 |
| 2 | `#f54cc4` | `oklch(68.90% 0.2356 341.73)` | Kinky Pinky | black, 6.6 to 1 |
| 3 | `#fc67a4` | `oklch(71.65% 0.1902 357.58)` | Neon Sunset | black, 7.6 to 1 |
| 4 | `#fe9c83` | `oklch(78.74% 0.1240 34.57)` | Peachy Salmon | black, 10.2 to 1 |
| 5 | `#ffc866` | `oklch(86.22% 0.1309 80.01)` | Honeypot | black, 13.6 to 1 |
| 6 | `#ffd25b` | `oklch(88.19% 0.1440 88.47)` | Glowing Reviews | black, 14.6 to 1 |

## CSS

```css
background: linear-gradient(45deg, #f659da 0.0%, #f54cc4 20.0%, #fc67a4 40.0%, #fe9c83 60.0%, #ffc866 80.0%, #ffd25b 100.0%);
background: linear-gradient(45deg in oklch, oklch(71.26% 0.2356 335.39) 0.0%, oklch(68.90% 0.2356 341.73) 20.0%, oklch(71.65% 0.1902 357.58) 40.0%, oklch(78.74% 0.1240 34.57) 60.0%, oklch(86.22% 0.1309 80.01) 80.0%, oklch(88.19% 0.1440 88.47) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.713 | 0.236 | 335.4 |
| 2 | 0.689 | 0.236 | 341.7 |
| 3 | 0.717 | 0.19 | 357.6 |
| 4 | 0.787 | 0.124 | 394.6 |
| 5 | 0.862 | 0.131 | 440 |
| 6 | 0.882 | 0.15 | 448.5 |

## In these collections

- [Warm gradients](https://grabient.com/warm-gradients)

## Other forms

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