# Vivid duotone yellow to pink linear gradient

Vivid duotone yellow to pink linear gradient with 32 colors: #fad95c, #fad65a, #f9d358, #f8d056, #f8cc53, #f8c751, #f8c351, #fabe52, #fbb956, #fcb45b, #fdaf61, #feaa68, #fea46e, #ff9f74, #ff9a7c, #ff9484, #ff8e8d, #ff8896, #fe839f, #fd7fa7, #fd7aaf, #fd76b6, #fe71bd, #fe6cc4, #fe68c9, #fe65ce, #fd62d1, #fd60d2, #fd5ed3, #fd5cd2, #fe5ad2, #fe59d2. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kY4mpDazO-mUuu_fuLqXU49dvVP6`
- Page: https://grabient.com/kY4mpDazO-mUuu_fuLqXU49dvVP6?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 1.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 | `#fad95c` | `oklch(88.98% 0.1461 94.22)` | Yellow Stagshorn | black, 15.1 to 1 |
| 2 | `#fad65a` | `oklch(88.48% 0.1457 93.25)` | Glitter Yellow | black, 14.8 to 1 |
| 3 | `#f9d358` | `oklch(87.80% 0.1454 92.11)` | Yellow Mask | black, 14.5 to 1 |
| 4 | `#f8d056` | `oklch(86.99% 0.1449 90.68)` | Kournikova | black, 14.1 to 1 |
| 5 | `#f8cc53` | `oklch(86.12% 0.1443 88.83)` | Dandy Lion | black, 13.7 to 1 |
| 6 | `#f8c751` | `oklch(85.24% 0.1434 86.42)` | Cakepop Sorbet | black, 13.3 to 1 |
| 7 | `#f8c351` | `oklch(84.41% 0.1422 83.31)` | Creamy Sweet Corn | black, 12.9 to 1 |
| 8 | `#fabe52` | `oklch(83.64% 0.1403 79.40)` | Saffron Mango | black, 12.5 to 1 |
| 9 | `#fbb956` | `oklch(82.87% 0.1374 74.75)` | Turbinado Sugar | black, 12.1 to 1 |
| 10 | `#fcb45b` | `oklch(82.10% 0.1340 69.48)` | Peach Tea | black, 11.8 to 1 |
| 11 | `#fdaf61` | `oklch(81.33% 0.1309 63.73)` | Vintage Orange | black, 11.4 to 1 |
| 12 | `#feaa68` | `oklch(80.57% 0.1287 57.64)` | Downy Feather | black, 11.1 to 1 |
| 13 | `#fea46e` | `oklch(79.82% 0.1279 51.33)` | Hit Pink | black, 10.7 to 1 |
| 14 | `#ff9f74` | `oklch(79.08% 0.1287 44.74)` | Candyman | black, 10.4 to 1 |
| 15 | `#ff9a7c` | `oklch(78.32% 0.1293 37.28)` | Peachy Salmon | black, 10.1 to 1 |
| 16 | `#ff9484` | `oklch(77.56% 0.1320 29.30)` | Orange Aura | black, 9.8 to 1 |
| 17 | `#ff8e8d` | `oklch(76.82% 0.1370 21.27)` | Coral Trails | black, 9.5 to 1 |
| 18 | `#ff8896` | `oklch(76.14% 0.1444 13.62)` | Tulip | black, 9.2 to 1 |
| 19 | `#fe839f` | `oklch(75.52% 0.1516 6.83)` | Rosa | black, 8.9 to 1 |
| 20 | `#fd7fa7` | `oklch(75.00% 0.1587 1.25)` | Pink Makeup | black, 8.7 to 1 |
| 21 | `#fd7aaf` | `oklch(74.58% 0.1677 356.55)` | Erythrosine | black, 8.5 to 1 |
| 22 | `#fd76b6` | `oklch(74.23% 0.1782 352.52)` | Dream Setting | black, 8.4 to 1 |
| 23 | `#fe71bd` | `oklch(73.93% 0.1891 349.10)` | Fěn Hóng Pink | black, 8.2 to 1 |
| 24 | `#fe6cc4` | `oklch(73.67% 0.1997 346.22)` | Nervous Neon Pink | black, 8.1 to 1 |
| 25 | `#fe68c9` | `oklch(73.43% 0.2090 343.82)` | Rose Pink | black, 8 to 1 |
| 26 | `#fe65ce` | `oklch(73.18% 0.2162 341.85)` | Rose Pink | black, 7.9 to 1 |
| 27 | `#fd62d1` | `oklch(72.93% 0.2215 340.56)` | Illicit Pink | black, 7.8 to 1 |
| 28 | `#fd60d2` | `oklch(72.70% 0.2255 339.96)` | Illicit Pink | black, 7.7 to 1 |
| 29 | `#fd5ed3` | `oklch(72.50% 0.2286 339.83)` | Illicit Pink | black, 7.7 to 1 |
| 30 | `#fd5cd2` | `oklch(72.31% 0.2309 339.94)` | Illicit Pink | black, 7.6 to 1 |
| 31 | `#fe5ad2` | `oklch(72.16% 0.2327 340.10)` | Illicit Pink | black, 7.5 to 1 |
| 32 | `#fe59d2` | `oklch(72.05% 0.2343 340.09)` | Drunken Flamingo | black, 7.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #fad95c 0.0%, #fad65a 3.2%, #f9d358 6.5%, #f8d056 9.7%, #f8cc53 12.9%, #f8c751 16.1%, #f8c351 19.4%, #fabe52 22.6%, #fbb956 25.8%, #fcb45b 29.0%, #fdaf61 32.3%, #feaa68 35.5%, #fea46e 38.7%, #ff9f74 41.9%, #ff9a7c 45.2%, #ff9484 48.4%, #ff8e8d 51.6%, #ff8896 54.8%, #fe839f 58.1%, #fd7fa7 61.3%, #fd7aaf 64.5%, #fd76b6 67.7%, #fe71bd 71.0%, #fe6cc4 74.2%, #fe68c9 77.4%, #fe65ce 80.6%, #fd62d1 83.9%, #fd60d2 87.1%, #fd5ed3 90.3%, #fd5cd2 93.5%, #fe5ad2 96.8%, #fe59d2 100.0%);
background: linear-gradient(135deg in oklch, oklch(88.98% 0.1461 94.22) 0.0%, oklch(88.48% 0.1457 93.25) 3.2%, oklch(87.80% 0.1454 92.11) 6.5%, oklch(86.99% 0.1449 90.68) 9.7%, oklch(86.12% 0.1443 88.83) 12.9%, oklch(85.24% 0.1434 86.42) 16.1%, oklch(84.41% 0.1422 83.31) 19.4%, oklch(83.64% 0.1403 79.40) 22.6%, oklch(82.87% 0.1374 74.75) 25.8%, oklch(82.10% 0.1340 69.48) 29.0%, oklch(81.33% 0.1309 63.73) 32.3%, oklch(80.57% 0.1287 57.64) 35.5%, oklch(79.82% 0.1279 51.33) 38.7%, oklch(79.08% 0.1287 44.74) 41.9%, oklch(78.32% 0.1293 37.28) 45.2%, oklch(77.56% 0.1320 29.30) 48.4%, oklch(76.82% 0.1370 21.27) 51.6%, oklch(76.14% 0.1444 13.62) 54.8%, oklch(75.52% 0.1516 6.83) 58.1%, oklch(75.00% 0.1587 1.25) 61.3%, oklch(74.58% 0.1677 356.55) 64.5%, oklch(74.23% 0.1782 352.52) 67.7%, oklch(73.93% 0.1891 349.10) 71.0%, oklch(73.67% 0.1997 346.22) 74.2%, oklch(73.43% 0.2090 343.82) 77.4%, oklch(73.18% 0.2162 341.85) 80.6%, oklch(72.93% 0.2215 340.56) 83.9%, oklch(72.70% 0.2255 339.96) 87.1%, oklch(72.50% 0.2286 339.83) 90.3%, oklch(72.31% 0.2309 339.94) 93.5%, oklch(72.16% 0.2327 340.10) 96.8%, oklch(72.05% 0.2343 340.09) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.89 | 0.146 | 94.2 |
| 2 | 0.843 | 0.142 | 82.6 |
| 3 | 0.795 | 0.128 | 48.8 |
| 4 | 0.752 | 0.156 | 3.3 |
| 5 | 0.732 | 0.215 | -17.8 |
| 6 | 0.72 | 0.234 | -19.9 |

## In these collections

- [Bright gradients](https://grabient.com/bright-gradients)
- [Sunset gradients](https://grabient.com/sunset-gradients)
- [Retro gradients](https://grabient.com/retro-gradients)
- [Summer swatches](https://grabient.com/summer-swatches)

## Other forms

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