# Tritone blue, pink and purple linear gradient

Tritone blue, pink and purple linear gradient with 56 colors: #255d8c, #2f5d8f, #3a5e93, #465f96, #525f99, #5f609c, #6c629d, #79639d, #85659b, #916799, #9b6a95, #a56d91, #ad708d, #b47388, #ba7784, #be7a80, #c17e7d, #c4807a, #c68178, #c78276, #c78175, #c88075, #c87d75, #c77a76, #c67677, #c4727a, #c16d7d, #be6981, #ba6585, #b5618a, #b05d8f, #aa5a93, #a55897, #9f569b, #9a549e, #9752a0, #9451a1, #9350a2, #944fa1, #954da0, #984d9e, #9b4c9b, #9f4b98, #a34a94, #a74a90, #ac498b, #b04985, #b44a7f, #b84a79, #bb4b73, #be4c6d, #c14d67, #c34e62, #c5505d, #c65159, #c75156. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUdkawVZ_QsUzt9LNscA`
- Page: https://grabient.com/kUdkawVZ_QsUzt9LNscA?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.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 | `#255d8c` | `oklch(46.46% 0.0965 247.50)` | Sapphire Lace | white, 6.9 to 1 |
| 2 | `#2f5d8f` | `oklch(47.13% 0.0961 252.07)` | Moroccan Resort | white, 6.7 to 1 |
| 3 | `#3a5e93` | `oklch(48.01% 0.0955 257.93)` | Portuguese Blue | white, 6.5 to 1 |
| 4 | `#465f96` | `oklch(49.06% 0.0947 264.92)` | Last Light Blue | white, 6.3 to 1 |
| 5 | `#525f99` | `oklch(50.25% 0.0938 272.87)` | Royal Marquis | white, 6 to 1 |
| 6 | `#5f609c` | `oklch(51.56% 0.0928 281.59)` | Violet Storm | white, 5.7 to 1 |
| 7 | `#6c629d` | `oklch(52.96% 0.0917 290.93)` | Scampi | white, 5.4 to 1 |
| 8 | `#79639d` | `oklch(54.43% 0.0906 300.71)` | Purple Paradise | white, 5.1 to 1 |
| 9 | `#85659b` | `oklch(55.93% 0.0894 310.76)` | Dark Lavender | white, 4.8 to 1 |
| 10 | `#916799` | `oklch(57.45% 0.0884 320.91)` | Viola Grey | black, 4.5 to 1 |
| 11 | `#9b6a95` | `oklch(58.95% 0.0874 330.98)` | Tulipan Violet | black, 4.8 to 1 |
| 12 | `#a56d91` | `oklch(60.41% 0.0865 340.81)` | Flowering Raspberry | black, 5.1 to 1 |
| 13 | `#ad708d` | `oklch(61.81% 0.0857 350.22)` | Mauve Orchid | black, 5.4 to 1 |
| 14 | `#b47388` | `oklch(63.10% 0.0852 359.04)` | Tapestry | black, 5.7 to 1 |
| 15 | `#ba7784` | `oklch(64.28% 0.0848 7.11)` | Mauve Seductress | black, 6 to 1 |
| 16 | `#be7a80` | `oklch(65.31% 0.0848 14.24)` | Chick Flick | black, 6.3 to 1 |
| 17 | `#c17e7d` | `oklch(66.16% 0.0850 20.27)` | Impatient Heart | black, 6.5 to 1 |
| 18 | `#c4807a` | `oklch(66.81% 0.0855 25.03)` | Brownish Pink | black, 6.7 to 1 |
| 19 | `#c68178` | `oklch(67.24% 0.0864 28.35)` | Luscious Lobster | black, 6.8 to 1 |
| 20 | `#c78276` | `oklch(67.41% 0.0878 30.08)` | Luscious Lobster | black, 6.8 to 1 |
| 21 | `#c78175` | `oklch(67.35% 0.0896 30.28)` | Luscious Lobster | black, 6.8 to 1 |
| 22 | `#c88075` | `oklch(67.07% 0.0918 29.12)` | Canyon Clay | black, 6.7 to 1 |
| 23 | `#c87d75` | `oklch(66.61% 0.0944 26.76)` | Chilli Soda | black, 6.6 to 1 |
| 24 | `#c77a76` | `oklch(65.98% 0.0974 23.38)` | Chilli Soda | black, 6.4 to 1 |
| 25 | `#c67677` | `oklch(65.22% 0.1006 19.13)` | Deep Bloom | black, 6.2 to 1 |
| 26 | `#c4727a` | `oklch(64.35% 0.1041 14.19)` | Cranberry Pie | black, 6 to 1 |
| 27 | `#c16d7d` | `oklch(63.38% 0.1077 8.71)` | Pink Manhattan | black, 5.7 to 1 |
| 28 | `#be6981` | `oklch(62.36% 0.1114 2.86)` | Creamed Raspberry | black, 5.5 to 1 |
| 29 | `#ba6585` | `oklch(61.30% 0.1151 356.80)` | Raspberry Parfait | black, 5.2 to 1 |
| 30 | `#b5618a` | `oklch(60.23% 0.1189 350.71)` | Beauty Queen | black, 5 to 1 |
| 31 | `#b05d8f` | `oklch(59.18% 0.1226 344.75)` | Meadow Mauve | black, 4.8 to 1 |
| 32 | `#aa5a93` | `oklch(58.16% 0.1262 339.08)` | Meadow Mauve | black, 4.6 to 1 |
| 33 | `#a55897` | `oklch(57.20% 0.1296 333.86)` | Cyclamen Red | white, 4.7 to 1 |
| 34 | `#9f569b` | `oklch(56.34% 0.1329 329.27)` | Heath Spotted Orchid | white, 4.9 to 1 |
| 35 | `#9a549e` | `oklch(55.59% 0.1358 325.46)` | Hyacinth Violet | white, 5 to 1 |
| 36 | `#9752a0` | `oklch(54.97% 0.1384 322.61)` | Vicious Violet | white, 5.2 to 1 |
| 37 | `#9451a1` | `oklch(54.53% 0.1407 320.87)` | Vicious Violet | white, 5.3 to 1 |
| 38 | `#9350a2` | `oklch(54.26% 0.1425 320.39)` | Vicious Violet | white, 5.3 to 1 |
| 39 | `#944fa1` | `oklch(54.13% 0.1440 320.91)` | Vicious Violet | white, 5.4 to 1 |
| 40 | `#954da0` | `oklch(54.11% 0.1453 322.26)` | Vicious Violet | white, 5.4 to 1 |
| 41 | `#984d9e` | `oklch(54.18% 0.1464 324.34)` | Vicious Violet | white, 5.4 to 1 |
| 42 | `#9b4c9b` | `oklch(54.33% 0.1473 327.05)` | Hyacinth Violet | white, 5.3 to 1 |
| 43 | `#9f4b98` | `oklch(54.55% 0.1480 330.32)` | Hyacinth Violet | white, 5.3 to 1 |
| 44 | `#a34a94` | `oklch(54.84% 0.1486 334.04)` | Viva Magenta | white, 5.2 to 1 |
| 45 | `#a74a90` | `oklch(55.17% 0.1490 338.12)` | Plum Dust | white, 5.2 to 1 |
| 46 | `#ac498b` | `oklch(55.55% 0.1493 342.47)` | Plum Dust | white, 5.1 to 1 |
| 47 | `#b04985` | `oklch(55.95% 0.1495 347.00)` | Purple Orchid | white, 5 to 1 |
| 48 | `#b44a7f` | `oklch(56.37% 0.1497 351.62)` | Exuberant Pink | white, 4.9 to 1 |
| 49 | `#b84a79` | `oklch(56.80% 0.1498 356.24)` | Exuberant Pink | white, 4.8 to 1 |
| 50 | `#bb4b73` | `oklch(57.22% 0.1498 0.75)` | Lake Red | white, 4.7 to 1 |
| 51 | `#be4c6d` | `oklch(57.63% 0.1498 5.08)` | Vibrant Red | white, 4.7 to 1 |
| 52 | `#c14d67` | `oklch(58.01% 0.1498 9.13)` | Vibrant Red | white, 4.6 to 1 |
| 53 | `#c34e62` | `oklch(58.35% 0.1498 12.80)` | Popstar | black, 4.6 to 1 |
| 54 | `#c5505d` | `oklch(58.65% 0.1499 16.00)` | Claret Red | black, 4.6 to 1 |
| 55 | `#c65159` | `oklch(58.89% 0.1500 18.65)` | Chrysanthemum | black, 4.7 to 1 |
| 56 | `#c75156` | `oklch(59.06% 0.1502 20.65)` | Chrysanthemum | black, 4.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #255d8c 0.0%, #2f5d8f 1.8%, #3a5e93 3.6%, #465f96 5.5%, #525f99 7.3%, #5f609c 9.1%, #6c629d 10.9%, #79639d 12.7%, #85659b 14.5%, #916799 16.4%, #9b6a95 18.2%, #a56d91 20.0%, #ad708d 21.8%, #b47388 23.6%, #ba7784 25.5%, #be7a80 27.3%, #c17e7d 29.1%, #c4807a 30.9%, #c68178 32.7%, #c78276 34.5%, #c78175 36.4%, #c88075 38.2%, #c87d75 40.0%, #c77a76 41.8%, #c67677 43.6%, #c4727a 45.5%, #c16d7d 47.3%, #be6981 49.1%, #ba6585 50.9%, #b5618a 52.7%, #b05d8f 54.5%, #aa5a93 56.4%, #a55897 58.2%, #9f569b 60.0%, #9a549e 61.8%, #9752a0 63.6%, #9451a1 65.5%, #9350a2 67.3%, #944fa1 69.1%, #954da0 70.9%, #984d9e 72.7%, #9b4c9b 74.5%, #9f4b98 76.4%, #a34a94 78.2%, #a74a90 80.0%, #ac498b 81.8%, #b04985 83.6%, #b44a7f 85.5%, #b84a79 87.3%, #bb4b73 89.1%, #be4c6d 90.9%, #c14d67 92.7%, #c34e62 94.5%, #c5505d 96.4%, #c65159 98.2%, #c75156 100.0%);
background: linear-gradient(135deg in oklch, oklch(46.46% 0.0965 247.50) 0.0%, oklch(47.13% 0.0961 252.07) 1.8%, oklch(48.01% 0.0955 257.93) 3.6%, oklch(49.06% 0.0947 264.92) 5.5%, oklch(50.25% 0.0938 272.87) 7.3%, oklch(51.56% 0.0928 281.59) 9.1%, oklch(52.96% 0.0917 290.93) 10.9%, oklch(54.43% 0.0906 300.71) 12.7%, oklch(55.93% 0.0894 310.76) 14.5%, oklch(57.45% 0.0884 320.91) 16.4%, oklch(58.95% 0.0874 330.98) 18.2%, oklch(60.41% 0.0865 340.81) 20.0%, oklch(61.81% 0.0857 350.22) 21.8%, oklch(63.10% 0.0852 359.04) 23.6%, oklch(64.28% 0.0848 7.11) 25.5%, oklch(65.31% 0.0848 14.24) 27.3%, oklch(66.16% 0.0850 20.27) 29.1%, oklch(66.81% 0.0855 25.03) 30.9%, oklch(67.24% 0.0864 28.35) 32.7%, oklch(67.41% 0.0878 30.08) 34.5%, oklch(67.35% 0.0896 30.28) 36.4%, oklch(67.07% 0.0918 29.12) 38.2%, oklch(66.61% 0.0944 26.76) 40.0%, oklch(65.98% 0.0974 23.38) 41.8%, oklch(65.22% 0.1006 19.13) 43.6%, oklch(64.35% 0.1041 14.19) 45.5%, oklch(63.38% 0.1077 8.71) 47.3%, oklch(62.36% 0.1114 2.86) 49.1%, oklch(61.30% 0.1151 356.80) 50.9%, oklch(60.23% 0.1189 350.71) 52.7%, oklch(59.18% 0.1226 344.75) 54.5%, oklch(58.16% 0.1262 339.08) 56.4%, oklch(57.20% 0.1296 333.86) 58.2%, oklch(56.34% 0.1329 329.27) 60.0%, oklch(55.59% 0.1358 325.46) 61.8%, oklch(54.97% 0.1384 322.61) 63.6%, oklch(54.53% 0.1407 320.87) 65.5%, oklch(54.26% 0.1425 320.39) 67.3%, oklch(54.13% 0.1440 320.91) 69.1%, oklch(54.11% 0.1453 322.26) 70.9%, oklch(54.18% 0.1464 324.34) 72.7%, oklch(54.33% 0.1473 327.05) 74.5%, oklch(54.55% 0.1480 330.32) 76.4%, oklch(54.84% 0.1486 334.04) 78.2%, oklch(55.17% 0.1490 338.12) 80.0%, oklch(55.55% 0.1493 342.47) 81.8%, oklch(55.95% 0.1495 347.00) 83.6%, oklch(56.37% 0.1497 351.62) 85.5%, oklch(56.80% 0.1498 356.24) 87.3%, oklch(57.22% 0.1498 0.75) 89.1%, oklch(57.63% 0.1498 5.08) 90.9%, oklch(58.01% 0.1498 9.13) 92.7%, oklch(58.35% 0.1498 12.80) 94.5%, oklch(58.65% 0.1499 16.00) 96.4%, oklch(58.89% 0.1500 18.65) 98.2%, oklch(59.06% 0.1502 20.65) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.465 | 0.096 | 247.5 |
| 2 | 0.673 | 0.087 | 389.1 |
| 3 | 0.543 | 0.142 | 320.4 |
| 4 | 0.591 | 0.15 | 380.7 |

## In these collections

- [Fynbos after winter rain](https://grabient.com/fynbos-after-winter-rain)

## Other forms

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