# Tritone blue, lavender and pink linear gradient

Tritone blue, lavender and pink linear gradient with 32 colors: #559bcd, #5a9bcf, #609cd3, #679cd6, #6f9bda, #789bde, #809ae1, #8899e3, #8f97e5, #9694e6, #9d91e6, #a48de5, #ab89e4, #b284e1, #b980de, #c07bda, #c676d6, #cc71d2, #d26cce, #d866c9, #dd60c3, #e35abd, #e754b7, #ec4eb0, #f048aa, #f343a4, #f63e9d, #f93997, #fc3592, #fe308d, #ff2e88, #ff2e85. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWqUqr2SlENe4xNVT0NVFpBw`
- Page: https://grabient.com/kWqUqr2SlENe4xNVT0NVFpBw?steps=32&angle=0
- Drawn as: linear gradient, 32 steps, 0 degrees
- Kinds: even lightness
- Hues: wide
- Contrast of its darkest and lightest colors: 1.2 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 | `#559bcd` | `oklch(66.54% 0.1020 241.17)` | Blue Iguana | black, 6.9 to 1 |
| 2 | `#5a9bcf` | `oklch(66.85% 0.1026 244.01)` | Tall Waves | black, 7 to 1 |
| 3 | `#609cd3` | `oklch(67.31% 0.1032 247.76)` | Blue Bay | black, 7.1 to 1 |
| 4 | `#679cd6` | `oklch(67.87% 0.1040 252.23)` | Blue Bay | black, 7.2 to 1 |
| 5 | `#6f9bda` | `oklch(68.45% 0.1049 257.20)` | Sea Loch | black, 7.4 to 1 |
| 6 | `#789bde` | `oklch(69.03% 0.1063 262.50)` | Ice Blue | black, 7.5 to 1 |
| 7 | `#809ae1` | `oklch(69.53% 0.1081 267.92)` | Portage | black, 7.6 to 1 |
| 8 | `#8899e3` | `oklch(69.91% 0.1106 273.26)` | Portage | black, 7.7 to 1 |
| 9 | `#8f97e5` | `oklch(70.11% 0.1139 278.36)` | Portage | black, 7.7 to 1 |
| 10 | `#9694e6` | `oklch(70.16% 0.1179 283.59)` | Perrywinkle | black, 7.6 to 1 |
| 11 | `#9d91e6` | `oklch(70.10% 0.1225 289.06)` | Perrywinkle | black, 7.6 to 1 |
| 12 | `#a48de5` | `oklch(69.96% 0.1277 294.66)` | Middy’s Purple | black, 7.5 to 1 |
| 13 | `#ab89e4` | `oklch(69.75% 0.1333 300.27)` | Middy’s Purple | black, 7.4 to 1 |
| 14 | `#b284e1` | `oklch(69.50% 0.1394 305.77)` | Lavender Blossom | black, 7.3 to 1 |
| 15 | `#b980de` | `oklch(69.25% 0.1457 311.06)` | Lavender Blossom | black, 7.1 to 1 |
| 16 | `#c07bda` | `oklch(69.01% 0.1523 316.00)` | Lavender Blossom | black, 7 to 1 |
| 17 | `#c676d6` | `oklch(68.79% 0.1592 320.54)` | Purple Kush | black, 6.9 to 1 |
| 18 | `#cc71d2` | `oklch(68.55% 0.1670 324.83)` | Jewel Caterpillar | black, 6.8 to 1 |
| 19 | `#d26cce` | `oklch(68.28% 0.1754 328.90)` | French Mauve | black, 6.7 to 1 |
| 20 | `#d866c9` | `oklch(68.00% 0.1842 332.77)` | Pink Charge | black, 6.6 to 1 |
| 21 | `#dd60c3` | `oklch(67.71% 0.1930 336.43)` | Barbiecore | black, 6.5 to 1 |
| 22 | `#e35abd` | `oklch(67.44% 0.2015 339.87)` | Barbiecore | black, 6.4 to 1 |
| 23 | `#e754b7` | `oklch(67.19% 0.2093 343.10)` | Orion | black, 6.3 to 1 |
| 24 | `#ec4eb0` | `oklch(66.98% 0.2162 346.12)` | Major Magenta | black, 6.2 to 1 |
| 25 | `#f048aa` | `oklch(66.80% 0.2220 348.95)` | Major Magenta | black, 6.2 to 1 |
| 26 | `#f343a4` | `oklch(66.66% 0.2273 351.60)` | Major Magenta | black, 6.1 to 1 |
| 27 | `#f63e9d` | `oklch(66.53% 0.2320 354.05)` | Rose Bonbon | black, 6.1 to 1 |
| 28 | `#f93997` | `oklch(66.42% 0.2363 356.29)` | Wild Strawberry | black, 6 to 1 |
| 29 | `#fc3592` | `oklch(66.34% 0.2400 358.30)` | Unicorn Dust | black, 6 to 1 |
| 30 | `#fe308d` | `oklch(66.26% 0.2431 0.05)` | Unicorn Dust | black, 6 to 1 |
| 31 | `#ff2e88` | `oklch(66.19% 0.2447 1.52)` | Lilac Lotion | black, 5.9 to 1 |
| 32 | `#ff2e85` | `oklch(66.14% 0.2432 2.70)` | Lilac Lotion | black, 5.9 to 1 |

## CSS

```css
background: linear-gradient(0deg, #559bcd 0.0%, #5a9bcf 3.2%, #609cd3 6.5%, #679cd6 9.7%, #6f9bda 12.9%, #789bde 16.1%, #809ae1 19.4%, #8899e3 22.6%, #8f97e5 25.8%, #9694e6 29.0%, #9d91e6 32.3%, #a48de5 35.5%, #ab89e4 38.7%, #b284e1 41.9%, #b980de 45.2%, #c07bda 48.4%, #c676d6 51.6%, #cc71d2 54.8%, #d26cce 58.1%, #d866c9 61.3%, #dd60c3 64.5%, #e35abd 67.7%, #e754b7 71.0%, #ec4eb0 74.2%, #f048aa 77.4%, #f343a4 80.6%, #f63e9d 83.9%, #f93997 87.1%, #fc3592 90.3%, #fe308d 93.5%, #ff2e88 96.8%, #ff2e85 100.0%);
background: linear-gradient(0deg in oklch, oklch(66.54% 0.1020 241.17) 0.0%, oklch(66.85% 0.1026 244.01) 3.2%, oklch(67.31% 0.1032 247.76) 6.5%, oklch(67.87% 0.1040 252.23) 9.7%, oklch(68.45% 0.1049 257.20) 12.9%, oklch(69.03% 0.1063 262.50) 16.1%, oklch(69.53% 0.1081 267.92) 19.4%, oklch(69.91% 0.1106 273.26) 22.6%, oklch(70.11% 0.1139 278.36) 25.8%, oklch(70.16% 0.1179 283.59) 29.0%, oklch(70.10% 0.1225 289.06) 32.3%, oklch(69.96% 0.1277 294.66) 35.5%, oklch(69.75% 0.1333 300.27) 38.7%, oklch(69.50% 0.1394 305.77) 41.9%, oklch(69.25% 0.1457 311.06) 45.2%, oklch(69.01% 0.1523 316.00) 48.4%, oklch(68.79% 0.1592 320.54) 51.6%, oklch(68.55% 0.1670 324.83) 54.8%, oklch(68.28% 0.1754 328.90) 58.1%, oklch(68.00% 0.1842 332.77) 61.3%, oklch(67.71% 0.1930 336.43) 64.5%, oklch(67.44% 0.2015 339.87) 67.7%, oklch(67.19% 0.2093 343.10) 71.0%, oklch(66.98% 0.2162 346.12) 74.2%, oklch(66.80% 0.2220 348.95) 77.4%, oklch(66.66% 0.2273 351.60) 80.6%, oklch(66.53% 0.2320 354.05) 83.9%, oklch(66.42% 0.2363 356.29) 87.1%, oklch(66.34% 0.2400 358.30) 90.3%, oklch(66.26% 0.2431 0.05) 93.5%, oklch(66.19% 0.2447 1.52) 96.8%, oklch(66.14% 0.2432 2.70) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.665 | 0.102 | 241.2 |
| 2 | 0.701 | 0.113 | 277.1 |
| 3 | 0.689 | 0.156 | 318.3 |
| 4 | 0.669 | 0.218 | 346.8 |
| 5 | 0.661 | 0.248 | 362.7 |

## In these collections

- [Pink and blue gradients](https://grabient.com/pink-and-blue-gradients)
- [Vaporwave gradients](https://grabient.com/vaporwave-gradients)
- [Sunrise gradients](https://grabient.com/sunrise-gradients)

## Other forms

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