# Mint sky blush diagonal

Pastel peach, pink, blue and beige linear gradient with 32 colors: #fdc07f, #ffb881, #ffad85, #ff9f8a, #ff8f94, #ff7da7, #f375c5, #de78e3, #c584fc, #a69cff, #8bb2ff, #70c7ff, #79d8ee, #9ee2de, #c0e8da, #d7ecdf, #e2efe5, #e7f3e9, #e7f6ed, #e4f9f0, #defbf5, #d7fdfb, #d2fdff, #d1fdff, #cdfefb, #cefef1, #d5fbe3, #dff6d4, #ebf0ca, #f5e9c5, #fce3c5, #ffe0c7. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel peach, pink, blue and beige linear gradient
- Seed: `kW2E4wXEGyXaIrT6kkU9ZGvo`
- Page: https://grabient.com/kW2E4wXEGyXaIrT6kkU9ZGvo?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: pastel, light
- Hues: triadic
- Contrast of its darkest and lightest colors: 2.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 | `#fdc07f` | `oklch(85.04% 0.1075 67.50)` | Zing | black, 13 to 1 |
| 2 | `#ffb881` | `oklch(83.79% 0.1084 58.59)` | Go Go Mango | black, 12.4 to 1 |
| 3 | `#ffad85` | `oklch(81.86% 0.1106 47.03)` | Sunset Over the Alps | black, 11.5 to 1 |
| 4 | `#ff9f8a` | `oklch(79.54% 0.1190 33.28)` | Tangerine Cream | black, 10.5 to 1 |
| 5 | `#ff8f94` | `oklch(77.14% 0.1354 17.80)` | Cherished One | black, 9.6 to 1 |
| 6 | `#ff7da7` | `oklch(74.95% 0.1638 1.06)` | Pink Makeup | black, 8.7 to 1 |
| 7 | `#f375c5` | `oklch(73.27% 0.1782 343.53)` | Nervous Neon Pink | black, 8.1 to 1 |
| 8 | `#de78e3` | `oklch(72.39% 0.1822 325.66)` | Hibiscus Pop | black, 7.8 to 1 |
| 9 | `#c584fc` | `oklch(72.62% 0.1788 307.75)` | Grass Pink Orchid | black, 8 to 1 |
| 10 | `#a69cff` | `oklch(74.10% 0.1409 286.99)` | Cobalite | black, 8.8 to 1 |
| 11 | `#8bb2ff` | `oklch(76.58% 0.1191 263.39)` | Kitten’s Eye | black, 9.9 to 1 |
| 12 | `#70c7ff` | `oklch(79.73% 0.1160 238.54)` | Maya Blue | black, 11.3 to 1 |
| 13 | `#79d8ee` | `oklch(83.22% 0.0948 214.03)` | Medium Sky Blue | black, 12.8 to 1 |
| 14 | `#9ee2de` | `oklch(86.71% 0.0686 191.44)` | Everest | black, 14.4 to 1 |
| 15 | `#c0e8da` | `oklch(89.88% 0.0458 172.37)` | Elephant Toothpaste | black, 15.8 to 1 |
| 16 | `#d7ecdf` | `oklch(92.40% 0.0288 158.38)` | Light Duck Egg Cream | black, 16.9 to 1 |
| 17 | `#e2efe5` | `oklch(94.02% 0.0200 151.29)` | Stone Path | black, 17.7 to 1 |
| 18 | `#e7f3e9` | `oklch(95.14% 0.0174 152.37)` | Aqua Spring | black, 18.3 to 1 |
| 19 | `#e7f6ed` | `oklch(95.88% 0.0193 159.51)` | Frosty Mint | black, 18.7 to 1 |
| 20 | `#e4f9f0` | `oklch(96.33% 0.0243 170.23)` | Soft Mint | black, 19 to 1 |
| 21 | `#defbf5` | `oklch(96.54% 0.0312 182.06)` | Mint Condition | black, 19.2 to 1 |
| 22 | `#d7fdfb` | `oklch(96.59% 0.0385 192.52)` | Salt Mountain | black, 19.2 to 1 |
| 23 | `#d2fdff` | `oklch(96.54% 0.0446 199.10)` | Pale Blue | black, 19.2 to 1 |
| 24 | `#d1fdff` | `oklch(96.47% 0.0450 199.38)` | Pale Blue | black, 19.2 to 1 |
| 25 | `#cdfefb` | `oklch(96.34% 0.0506 191.48)` | Luminescent Sky | black, 19.2 to 1 |
| 26 | `#cefef1` | `oklch(95.97% 0.0511 176.75)` | Mint Coffee | black, 19 to 1 |
| 27 | `#d5fbe3` | `oklch(95.42% 0.0511 157.28)` | Misty Lawn | black, 18.7 to 1 |
| 28 | `#dff6d4` | `oklch(94.77% 0.0506 135.13)` | Frosted Garden | black, 18.2 to 1 |
| 29 | `#ebf0ca` | `oklch(94.08% 0.0499 112.34)` | Passionate Pause | black, 17.8 to 1 |
| 30 | `#f5e9c5` | `oklch(93.43% 0.0492 90.99)` | Foundation | black, 17.3 to 1 |
| 31 | `#fce3c5` | `oklch(92.89% 0.0485 73.13)` | Budder Skin | black, 16.9 to 1 |
| 32 | `#ffe0c7` | `oklch(92.52% 0.0481 60.82)` | Peak Season | black, 16.7 to 1 |

## CSS

```css
background: linear-gradient(225deg, #fdc07f 0.0%, #ffb881 3.2%, #ffad85 6.5%, #ff9f8a 9.7%, #ff8f94 12.9%, #ff7da7 16.1%, #f375c5 19.4%, #de78e3 22.6%, #c584fc 25.8%, #a69cff 29.0%, #8bb2ff 32.3%, #70c7ff 35.5%, #79d8ee 38.7%, #9ee2de 41.9%, #c0e8da 45.2%, #d7ecdf 48.4%, #e2efe5 51.6%, #e7f3e9 54.8%, #e7f6ed 58.1%, #e4f9f0 61.3%, #defbf5 64.5%, #d7fdfb 67.7%, #d2fdff 71.0%, #d1fdff 74.2%, #cdfefb 77.4%, #cefef1 80.6%, #d5fbe3 83.9%, #dff6d4 87.1%, #ebf0ca 90.3%, #f5e9c5 93.5%, #fce3c5 96.8%, #ffe0c7 100.0%);
background: linear-gradient(225deg in oklch, oklch(85.04% 0.1075 67.50) 0.0%, oklch(83.79% 0.1084 58.59) 3.2%, oklch(81.86% 0.1106 47.03) 6.5%, oklch(79.54% 0.1190 33.28) 9.7%, oklch(77.14% 0.1354 17.80) 12.9%, oklch(74.95% 0.1638 1.06) 16.1%, oklch(73.27% 0.1782 343.53) 19.4%, oklch(72.39% 0.1822 325.66) 22.6%, oklch(72.62% 0.1788 307.75) 25.8%, oklch(74.10% 0.1409 286.99) 29.0%, oklch(76.58% 0.1191 263.39) 32.3%, oklch(79.73% 0.1160 238.54) 35.5%, oklch(83.22% 0.0948 214.03) 38.7%, oklch(86.71% 0.0686 191.44) 41.9%, oklch(89.88% 0.0458 172.37) 45.2%, oklch(92.40% 0.0288 158.38) 48.4%, oklch(94.02% 0.0200 151.29) 51.6%, oklch(95.14% 0.0174 152.37) 54.8%, oklch(95.88% 0.0193 159.51) 58.1%, oklch(96.33% 0.0243 170.23) 61.3%, oklch(96.54% 0.0312 182.06) 64.5%, oklch(96.59% 0.0385 192.52) 67.7%, oklch(96.54% 0.0446 199.10) 71.0%, oklch(96.47% 0.0450 199.38) 74.2%, oklch(96.34% 0.0506 191.48) 77.4%, oklch(95.97% 0.0511 176.75) 80.6%, oklch(95.42% 0.0511 157.28) 83.9%, oklch(94.77% 0.0506 135.13) 87.1%, oklch(94.08% 0.0499 112.34) 90.3%, oklch(93.43% 0.0492 90.99) 93.5%, oklch(92.89% 0.0485 73.13) 96.8%, oklch(92.52% 0.0481 60.82) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.85 | 0.107 | 67.5 |
| 2 | 0.724 | 0.181 | -47.7 |
| 3 | 0.933 | 0.023 | -206.2 |
| 4 | 0.965 | 0.05 | -161.8 |
| 5 | 0.925 | 0.048 | -299.2 |

## In these collections

- [Light mode color palette](https://grabient.com/light-mode-color-palette)

## Other forms

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