# Apricot Garden Sky

Pastel rainbow linear gradient with 32 colors: #e4bb7d, #debd7c, #d7bf7d, #cfc27f, #c6c482, #bcc688, #b1c88f, #a6c997, #9cc9a0, #92c9a9, #8bc9b3, #87c7bb, #84c5c3, #85c2c9, #88bfce, #8bbcd2, #90b9d4, #96b6d6, #9db2d6, #a4aed4, #abaad1, #b2a7cc, #b8a3c6, #bda1bf, #c19eb7, #c39caf, #c59ba7, #c69ba0, #c59a99, #c49a94, #c39b8f, #c19b8c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel rainbow linear gradient
- Seed: `kSz0M34ZXSNuS1A`
- Page: https://grabient.com/kSz0M34ZXSNuS1A?steps=32&angle=240
- Drawn as: linear gradient, 32 steps, 240 degrees
- Kinds: even lightness, pastel, rainbow
- Hues: triadic
- Contrast of its darkest and lightest colors: 1.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 | `#e4bb7d` | `oklch(81.50% 0.0923 78.05)` | Wheat Bread | black, 11.7 to 1 |
| 2 | `#debd7c` | `oklch(81.32% 0.0911 83.61)` | Wheat Bread | black, 11.7 to 1 |
| 3 | `#d7bf7d` | `oklch(81.12% 0.0895 90.29)` | Jojoba | black, 11.6 to 1 |
| 4 | `#cfc27f` | `oklch(80.88% 0.0876 97.96)` | Winter Hazel | black, 11.6 to 1 |
| 5 | `#c6c482` | `oklch(80.61% 0.0855 106.51)` | Fiddlehead Fern | black, 11.6 to 1 |
| 6 | `#bcc688` | `oklch(80.32% 0.0832 115.84)` | Misty Valley | black, 11.5 to 1 |
| 7 | `#b1c88f` | `oklch(80.01% 0.0808 125.82)` | Garden Spot | black, 11.4 to 1 |
| 8 | `#a6c997` | `oklch(79.68% 0.0782 136.36)` | Gingko | black, 11.4 to 1 |
| 9 | `#9cc9a0` | `oklch(79.34% 0.0757 147.33)` | French Market | black, 11.3 to 1 |
| 10 | `#92c9a9` | `oklch(78.99% 0.0731 158.63)` | Peppermint Spray | black, 11.1 to 1 |
| 11 | `#8bc9b3` | `oklch(78.64% 0.0705 170.15)` | Pale Teal | black, 11 to 1 |
| 12 | `#87c7bb` | `oklch(78.28% 0.0680 181.77)` | Tranquil Teal | black, 10.9 to 1 |
| 13 | `#84c5c3` | `oklch(77.93% 0.0657 193.38)` | Bay Mist | black, 10.7 to 1 |
| 14 | `#85c2c9` | `oklch(77.59% 0.0635 204.87)` | Big Sky Country | black, 10.5 to 1 |
| 15 | `#88bfce` | `oklch(77.25% 0.0616 216.12)` | Aftercare | black, 10.4 to 1 |
| 16 | `#8bbcd2` | `oklch(76.93% 0.0600 227.04)` | Bonnie Blue | black, 10.2 to 1 |
| 17 | `#90b9d4` | `oklch(76.62% 0.0586 237.67)` | Simply Posh | black, 10 to 1 |
| 18 | `#96b6d6` | `oklch(76.29% 0.0574 248.89)` | Oxygen Blue | black, 9.9 to 1 |
| 19 | `#9db2d6` | `oklch(75.96% 0.0564 260.73)` | Mont Blanc | black, 9.7 to 1 |
| 20 | `#a4aed4` | `oklch(75.61% 0.0555 273.04)` | Mild Blue Yonder | black, 9.5 to 1 |
| 21 | `#abaad1` | `oklch(75.26% 0.0548 285.66)` | Monastic | black, 9.4 to 1 |
| 22 | `#b2a7cc` | `oklch(74.90% 0.0542 298.44)` | Wisteria-Wise | black, 9.2 to 1 |
| 23 | `#b8a3c6` | `oklch(74.55% 0.0536 311.25)` | Violet Fields | black, 9.1 to 1 |
| 24 | `#bda1bf` | `oklch(74.20% 0.0532 323.92)` | Beach Lilac | black, 8.9 to 1 |
| 25 | `#c19eb7` | `oklch(73.86% 0.0528 336.30)` | Lily | black, 8.8 to 1 |
| 26 | `#c39caf` | `oklch(73.53% 0.0524 348.25)` | Damsel | black, 8.7 to 1 |
| 27 | `#c59ba7` | `oklch(73.22% 0.0522 359.62)` | Casa Talec | black, 8.6 to 1 |
| 28 | `#c69ba0` | `oklch(72.93% 0.0519 10.26)` | Careys Pink | black, 8.5 to 1 |
| 29 | `#c59a99` | `oklch(72.66% 0.0517 20.01)` | Fall Canyon | black, 8.4 to 1 |
| 30 | `#c49a94` | `oklch(72.43% 0.0515 28.73)` | Fall Canyon | black, 8.4 to 1 |
| 31 | `#c39b8f` | `oklch(72.22% 0.0512 36.27)` | Mahogany Rose | black, 8.3 to 1 |
| 32 | `#c19b8c` | `oklch(72.05% 0.0510 42.47)` | Mahogany Rose | black, 8.3 to 1 |

## CSS

```css
background: linear-gradient(240deg, #e4bb7d 0.0%, #debd7c 3.2%, #d7bf7d 6.5%, #cfc27f 9.7%, #c6c482 12.9%, #bcc688 16.1%, #b1c88f 19.4%, #a6c997 22.6%, #9cc9a0 25.8%, #92c9a9 29.0%, #8bc9b3 32.3%, #87c7bb 35.5%, #84c5c3 38.7%, #85c2c9 41.9%, #88bfce 45.2%, #8bbcd2 48.4%, #90b9d4 51.6%, #96b6d6 54.8%, #9db2d6 58.1%, #a4aed4 61.3%, #abaad1 64.5%, #b2a7cc 67.7%, #b8a3c6 71.0%, #bda1bf 74.2%, #c19eb7 77.4%, #c39caf 80.6%, #c59ba7 83.9%, #c69ba0 87.1%, #c59a99 90.3%, #c49a94 93.5%, #c39b8f 96.8%, #c19b8c 100.0%);
background: linear-gradient(240deg in oklch, oklch(81.50% 0.0923 78.05) 0.0%, oklch(81.32% 0.0911 83.61) 3.2%, oklch(81.12% 0.0895 90.29) 6.5%, oklch(80.88% 0.0876 97.96) 9.7%, oklch(80.61% 0.0855 106.51) 12.9%, oklch(80.32% 0.0832 115.84) 16.1%, oklch(80.01% 0.0808 125.82) 19.4%, oklch(79.68% 0.0782 136.36) 22.6%, oklch(79.34% 0.0757 147.33) 25.8%, oklch(78.99% 0.0731 158.63) 29.0%, oklch(78.64% 0.0705 170.15) 32.3%, oklch(78.28% 0.0680 181.77) 35.5%, oklch(77.93% 0.0657 193.38) 38.7%, oklch(77.59% 0.0635 204.87) 41.9%, oklch(77.25% 0.0616 216.12) 45.2%, oklch(76.93% 0.0600 227.04) 48.4%, oklch(76.62% 0.0586 237.67) 51.6%, oklch(76.29% 0.0574 248.89) 54.8%, oklch(75.96% 0.0564 260.73) 58.1%, oklch(75.61% 0.0555 273.04) 61.3%, oklch(75.26% 0.0548 285.66) 64.5%, oklch(74.90% 0.0542 298.44) 67.7%, oklch(74.55% 0.0536 311.25) 71.0%, oklch(74.20% 0.0532 323.92) 74.2%, oklch(73.86% 0.0528 336.30) 77.4%, oklch(73.53% 0.0524 348.25) 80.6%, oklch(73.22% 0.0522 359.62) 83.9%, oklch(72.93% 0.0519 10.26) 87.1%, oklch(72.66% 0.0517 20.01) 90.3%, oklch(72.43% 0.0515 28.73) 93.5%, oklch(72.22% 0.0512 36.27) 96.8%, oklch(72.05% 0.0510 42.47) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.815 | 0.092 | 78 |
| 2 | 0.768 | 0.059 | 232.3 |
| 3 | 0.72 | 0.051 | 402.5 |

## In these collections

- [Spring pastel gradients](https://grabient.com/spring-pastel-gradients)

## Other forms

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