# Icy violet low sun

Pastel rainbow from blue to peach linear gradient with 32 colors: #d4e9f1, #cde6ef, #c4e1ee, #badbec, #b0d4eb, #a5cde9, #9cc5e8, #94bce7, #8eb4e6, #8babe5, #8ba4e5, #8e9de4, #9695e1, #a08cdc, #ac83d3, #b87bc8, #c173ba, #c96eae, #ce6aa5, #d068a2, #d068a7, #cb6cb6, #bd75d0, #a284ec, #759afb, #20b2f2, #00c2cb, #3bcd9e, #91ca6e, #c8c151, #ebb853, #fdb164. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel rainbow from blue to peach linear gradient
- Seed: `kU6hKc26TF1Q2yDoLx9g`
- Page: https://grabient.com/kU6hKc26TF1Q2yDoLx9g?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: pastel, rainbow
- Hues: wide
- Contrast of its darkest and lightest colors: 2.7 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 | `#d4e9f1` | `oklch(92.13% 0.0248 220.08)` | Spacious Skies | black, 16.7 to 1 |
| 2 | `#cde6ef` | `oklch(90.92% 0.0293 222.84)` | First Frost | black, 16.1 to 1 |
| 3 | `#c4e1ee` | `oklch(89.29% 0.0351 226.26)` | Pale Frost | black, 15.3 to 1 |
| 4 | `#badbec` | `oklch(87.34% 0.0420 230.27)` | Sleepless Blue | black, 14.4 to 1 |
| 5 | `#b0d4eb` | `oklch(85.16% 0.0498 234.77)` | Chapel Blue | black, 13.4 to 1 |
| 6 | `#a5cde9` | `oklch(82.85% 0.0582 239.70)` | Cielo | black, 12.4 to 1 |
| 7 | `#9cc5e8` | `oklch(80.49% 0.0668 244.96)` | Pale Cerulean | black, 11.5 to 1 |
| 8 | `#94bce7` | `oklch(78.18% 0.0754 250.49)` | Blue Shutters | black, 10.6 to 1 |
| 9 | `#8eb4e6` | `oklch(76.02% 0.0838 256.19)` | Adrift on the Nile | black, 9.8 to 1 |
| 10 | `#8babe5` | `oklch(74.09% 0.0915 261.99)` | Queer Blue | black, 9.1 to 1 |
| 11 | `#8ba4e5` | `oklch(72.49% 0.0985 267.81)` | Blue Cue | black, 8.5 to 1 |
| 12 | `#8e9de4` | `oklch(71.22% 0.1047 274.35)` | Portage | black, 8 to 1 |
| 13 | `#9695e1` | `oklch(70.05% 0.1108 283.61)` | Portage | black, 7.6 to 1 |
| 14 | `#a08cdc` | `oklch(68.98% 0.1170 294.83)` | Middy’s Purple | black, 7.2 to 1 |
| 15 | `#ac83d3` | `oklch(68.03% 0.1230 307.00)` | Lavender Blossom | black, 6.9 to 1 |
| 16 | `#b87bc8` | `oklch(67.21% 0.1287 319.15)` | Lavendless | black, 6.6 to 1 |
| 17 | `#c173ba` | `oklch(66.55% 0.1340 330.26)` | Gulābī Pink | black, 6.4 to 1 |
| 18 | `#c96eae` | `oklch(66.06% 0.1388 339.37)` | Sugar Creek | black, 6.3 to 1 |
| 19 | `#ce6aa5` | `oklch(65.78% 0.1430 345.47)` | Super Pink | black, 6.2 to 1 |
| 20 | `#d068a2` | `oklch(65.71% 0.1465 347.57)` | Super Pink | black, 6.1 to 1 |
| 21 | `#d068a7` | `oklch(65.88% 0.1490 344.68)` | Super Pink | black, 6.2 to 1 |
| 22 | `#cb6cb6` | `oklch(66.33% 0.1506 335.69)` | Gulābī Pink | black, 6.3 to 1 |
| 23 | `#bd75d0` | `oklch(67.23% 0.1508 318.91)` | Lavendless | black, 6.6 to 1 |
| 24 | `#a284ec` | `oklch(68.54% 0.1499 295.34)` | Perrywinkle | black, 7 to 1 |
| 25 | `#759afb` | `oklch(70.17% 0.1480 266.67)` | Guilliman Blue | black, 7.7 to 1 |
| 26 | `#20b2f2` | `oklch(72.02% 0.1454 234.60)` | Lynx Screen Blue | black, 8.6 to 1 |
| 27 | `#00c2cb` | `oklch(73.98% 0.1258 200.79)` | Turquoise Surf | black, 9.5 to 1 |
| 28 | `#3bcd9e` | `oklch(75.94% 0.1393 166.94)` | Dark Shamrock | black, 10.3 to 1 |
| 29 | `#91ca6e` | `oklch(77.82% 0.1361 134.72)` | Apple Orchard | black, 10.8 to 1 |
| 30 | `#c8c151` | `oklch(79.51% 0.1333 105.83)` | Sulphur Yellow | black, 11.2 to 1 |
| 31 | `#ebb853` | `oklch(80.90% 0.1310 81.94)` | Ronchi | black, 11.4 to 1 |
| 32 | `#fdb164` | `oklch(81.89% 0.1295 64.74)` | Burning Flame | black, 11.6 to 1 |

## CSS

```css
background: linear-gradient(180deg, #d4e9f1 0.0%, #cde6ef 3.2%, #c4e1ee 6.5%, #badbec 9.7%, #b0d4eb 12.9%, #a5cde9 16.1%, #9cc5e8 19.4%, #94bce7 22.6%, #8eb4e6 25.8%, #8babe5 29.0%, #8ba4e5 32.3%, #8e9de4 35.5%, #9695e1 38.7%, #a08cdc 41.9%, #ac83d3 45.2%, #b87bc8 48.4%, #c173ba 51.6%, #c96eae 54.8%, #ce6aa5 58.1%, #d068a2 61.3%, #d068a7 64.5%, #cb6cb6 67.7%, #bd75d0 71.0%, #a284ec 74.2%, #759afb 77.4%, #20b2f2 80.6%, #00c2cb 83.9%, #3bcd9e 87.1%, #91ca6e 90.3%, #c8c151 93.5%, #ebb853 96.8%, #fdb164 100.0%);
background: linear-gradient(180deg in oklch, oklch(92.13% 0.0248 220.08) 0.0%, oklch(90.92% 0.0293 222.84) 3.2%, oklch(89.29% 0.0351 226.26) 6.5%, oklch(87.34% 0.0420 230.27) 9.7%, oklch(85.16% 0.0498 234.77) 12.9%, oklch(82.85% 0.0582 239.70) 16.1%, oklch(80.49% 0.0668 244.96) 19.4%, oklch(78.18% 0.0754 250.49) 22.6%, oklch(76.02% 0.0838 256.19) 25.8%, oklch(74.09% 0.0915 261.99) 29.0%, oklch(72.49% 0.0985 267.81) 32.3%, oklch(71.22% 0.1047 274.35) 35.5%, oklch(70.05% 0.1108 283.61) 38.7%, oklch(68.98% 0.1170 294.83) 41.9%, oklch(68.03% 0.1230 307.00) 45.2%, oklch(67.21% 0.1287 319.15) 48.4%, oklch(66.55% 0.1340 330.26) 51.6%, oklch(66.06% 0.1388 339.37) 54.8%, oklch(65.78% 0.1430 345.47) 58.1%, oklch(65.71% 0.1465 347.57) 61.3%, oklch(65.88% 0.1490 344.68) 64.5%, oklch(66.33% 0.1506 335.69) 67.7%, oklch(67.23% 0.1508 318.91) 71.0%, oklch(68.54% 0.1499 295.34) 74.2%, oklch(70.17% 0.1480 266.67) 77.4%, oklch(72.02% 0.1454 234.60) 80.6%, oklch(73.98% 0.1258 200.79) 83.9%, oklch(75.94% 0.1393 166.94) 87.1%, oklch(77.82% 0.1361 134.72) 90.3%, oklch(79.51% 0.1333 105.83) 93.5%, oklch(80.90% 0.1310 81.94) 96.8%, oklch(81.89% 0.1295 64.74) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.921 | 0.025 | 220.1 |
| 2 | 0.72 | 0.101 | 269.7 |
| 3 | 0.661 | 0.15 | 339.5 |
| 4 | 0.819 | 0.13 | 64.7 |

## In these collections

- [Winter sunset gradients](https://grabient.com/winter-sunset-gradients)

## Other forms

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