# Pink and blue winter sky

Tritone blue, lavender and pink linear gradient with 32 colors: #3f6595, #446899, #4a6c9e, #5172a3, #5a78aa, #637eb0, #6c84b6, #7589bc, #7e8ec2, #8792c6, #9197cb, #9b9bcf, #a59ed2, #afa2d5, #b8a6d7, #c1a9d9, #c9adda, #d1b0da, #d8b4db, #dfb7da, #e5bada, #ebbdd9, #f0c0d7, #f5c4d6, #f9c7d4, #fdcad3, #ffcfd1, #ffd3d0, #ffd7d1, #ffdbd1, #ffded2, #ffe0d3. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone blue, lavender and pink linear gradient
- Seed: `kWf0G10p1BuMZxLulkVdhJFw`
- Page: https://grabient.com/kWf0G10p1BuMZxLulkVdhJFw?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: dark to light, pastel
- Hues: wide
- Contrast of its darkest and lightest colors: 4.8 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 | `#3f6595` | `oklch(50.00% 0.0896 255.23)` | Too Blue | white, 6 to 1 |
| 2 | `#446899` | `oklch(51.21% 0.0888 256.24)` | Star Sapphire | white, 5.7 to 1 |
| 3 | `#4a6c9e` | `oklch(52.85% 0.0878 257.37)` | San Marino | white, 5.3 to 1 |
| 4 | `#5172a3` | `oklch(54.79% 0.0865 258.72)` | Great Serpent | white, 4.9 to 1 |
| 5 | `#5a78aa` | `oklch(56.94% 0.0852 260.34)` | Blue Yonder | black, 4.6 to 1 |
| 6 | `#637eb0` | `oklch(59.19% 0.0837 262.31)` | Prompt | black, 5.1 to 1 |
| 7 | `#6c84b6` | `oklch(61.42% 0.0823 264.68)` | Kimono | black, 5.6 to 1 |
| 8 | `#7589bc` | `oklch(63.53% 0.0809 267.53)` | Larkspur Bouquet | black, 6 to 1 |
| 9 | `#7e8ec2` | `oklch(65.41% 0.0796 270.94)` | Pleated Mauve | black, 6.5 to 1 |
| 10 | `#8792c6` | `oklch(67.21% 0.0784 275.01)` | Corfu Sky | black, 6.9 to 1 |
| 11 | `#9197cb` | `oklch(68.99% 0.0771 279.68)` | Easter Egg | black, 7.4 to 1 |
| 12 | `#9b9bcf` | `oklch(70.75% 0.0759 284.81)` | Bluebell Frost | black, 7.9 to 1 |
| 13 | `#a59ed2` | `oklch(72.46% 0.0746 290.27)` | Imperial Lilac | black, 8.4 to 1 |
| 14 | `#afa2d5` | `oklch(74.12% 0.0734 295.95)` | Milky Lavender | black, 8.9 to 1 |
| 15 | `#b8a6d7` | `oklch(75.72% 0.0721 301.70)` | Grape Illusion | black, 9.4 to 1 |
| 16 | `#c1a9d9` | `oklch(77.23% 0.0709 307.40)` | Perfume | black, 9.9 to 1 |
| 17 | `#c9adda` | `oklch(78.65% 0.0697 312.96)` | Lavender Field Dreamer | black, 10.4 to 1 |
| 18 | `#d1b0da` | `oklch(80.00% 0.0684 318.58)` | Whisper of Plum | black, 10.9 to 1 |
| 19 | `#d8b4db` | `oklch(81.28% 0.0672 324.30)` | Blushing Sky | black, 11.4 to 1 |
| 20 | `#dfb7da` | `oklch(82.49% 0.0660 330.11)` | French Lilac | black, 11.9 to 1 |
| 21 | `#e5bada` | `oklch(83.63% 0.0648 336.00)` | Sweetie Pie | black, 12.3 to 1 |
| 22 | `#ebbdd9` | `oklch(84.73% 0.0635 341.97)` | Sweet Taffy | black, 12.8 to 1 |
| 23 | `#f0c0d7` | `oklch(85.77% 0.0623 348.00)` | Parrot Tulip | black, 13.2 to 1 |
| 24 | `#f5c4d6` | `oklch(86.77% 0.0610 354.09)` | Sweetheart | black, 13.7 to 1 |
| 25 | `#f9c7d4` | `oklch(87.73% 0.0596 0.48)` | Sullivan’s Heart | black, 14.1 to 1 |
| 26 | `#fdcad3` | `oklch(88.67% 0.0580 7.54)` | Sweet Sixteen | black, 14.6 to 1 |
| 27 | `#ffcfd1` | `oklch(89.57% 0.0548 14.95)` | Love Fumes | black, 15 to 1 |
| 28 | `#ffd3d0` | `oklch(90.42% 0.0495 22.39)` | Girlie | black, 15.5 to 1 |
| 29 | `#ffd7d1` | `oklch(91.20% 0.0455 29.49)` | Tea Party | black, 15.9 to 1 |
| 30 | `#ffdbd1` | `oklch(91.89% 0.0425 35.90)` | Soft Orange Bloom | black, 16.3 to 1 |
| 31 | `#ffded2` | `oklch(92.46% 0.0403 41.29)` | Soft Orange Bloom | black, 16.6 to 1 |
| 32 | `#ffe0d3` | `oklch(92.91% 0.0388 45.30)` | Light Quilt | black, 16.8 to 1 |

## CSS

```css
background: linear-gradient(180deg, #3f6595 0.0%, #446899 3.2%, #4a6c9e 6.5%, #5172a3 9.7%, #5a78aa 12.9%, #637eb0 16.1%, #6c84b6 19.4%, #7589bc 22.6%, #7e8ec2 25.8%, #8792c6 29.0%, #9197cb 32.3%, #9b9bcf 35.5%, #a59ed2 38.7%, #afa2d5 41.9%, #b8a6d7 45.2%, #c1a9d9 48.4%, #c9adda 51.6%, #d1b0da 54.8%, #d8b4db 58.1%, #dfb7da 61.3%, #e5bada 64.5%, #ebbdd9 67.7%, #f0c0d7 71.0%, #f5c4d6 74.2%, #f9c7d4 77.4%, #fdcad3 80.6%, #ffcfd1 83.9%, #ffd3d0 87.1%, #ffd7d1 90.3%, #ffdbd1 93.5%, #ffded2 96.8%, #ffe0d3 100.0%);
background: linear-gradient(180deg in oklch, oklch(50.00% 0.0896 255.23) 0.0%, oklch(51.21% 0.0888 256.24) 3.2%, oklch(52.85% 0.0878 257.37) 6.5%, oklch(54.79% 0.0865 258.72) 9.7%, oklch(56.94% 0.0852 260.34) 12.9%, oklch(59.19% 0.0837 262.31) 16.1%, oklch(61.42% 0.0823 264.68) 19.4%, oklch(63.53% 0.0809 267.53) 22.6%, oklch(65.41% 0.0796 270.94) 25.8%, oklch(67.21% 0.0784 275.01) 29.0%, oklch(68.99% 0.0771 279.68) 32.3%, oklch(70.75% 0.0759 284.81) 35.5%, oklch(72.46% 0.0746 290.27) 38.7%, oklch(74.12% 0.0734 295.95) 41.9%, oklch(75.72% 0.0721 301.70) 45.2%, oklch(77.23% 0.0709 307.40) 48.4%, oklch(78.65% 0.0697 312.96) 51.6%, oklch(80.00% 0.0684 318.58) 54.8%, oklch(81.28% 0.0672 324.30) 58.1%, oklch(82.49% 0.0660 330.11) 61.3%, oklch(83.63% 0.0648 336.00) 64.5%, oklch(84.73% 0.0635 341.97) 67.7%, oklch(85.77% 0.0623 348.00) 71.0%, oklch(86.77% 0.0610 354.09) 74.2%, oklch(87.73% 0.0596 0.48) 77.4%, oklch(88.67% 0.0580 7.54) 80.6%, oklch(89.57% 0.0548 14.95) 83.9%, oklch(90.42% 0.0495 22.39) 87.1%, oklch(91.20% 0.0455 29.49) 90.3%, oklch(91.89% 0.0425 35.90) 93.5%, oklch(92.46% 0.0403 41.29) 96.8%, oklch(92.91% 0.0388 45.30) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.5 | 0.09 | 255.2 |
| 2 | 0.65 | 0.08 | 270 |
| 3 | 0.78 | 0.07 | 310.2 |
| 4 | 0.87 | 0.061 | 355.6 |
| 5 | 0.929 | 0.05 | 405.3 |

## In these collections

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

## Other forms

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