# Tritone blue, purple and pink linear gradient

Tritone blue, purple and pink linear gradient with 32 colors: #2bb7ef, #28b3ed, #23adeb, #1ea7e9, #1aa0e6, #1998e2, #1c90de, #2389da, #2a82d6, #307cd1, #3576ca, #3a70c3, #3e6abc, #4364b5, #485faf, #4e5baa, #5557a5, #5d53a0, #66509a, #6f4e94, #774c8e, #7f4b87, #874b81, #8d4c7b, #934d76, #9b4f73, #a35270, #ab556d, #b2596a, #b95c67, #bf5f64, #c26262. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWumSkzLdCL8tQxBJ0dza1Ew`
- Page: https://grabient.com/kWumSkzLdCL8tQxBJ0dza1Ew?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.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 | `#2bb7ef` | `oklch(73.23% 0.1378 231.33)` | Zima Blue | black, 9 to 1 |
| 2 | `#28b3ed` | `oklch(72.17% 0.1392 232.80)` | Lynx Screen Blue | black, 8.7 to 1 |
| 3 | `#23adeb` | `oklch(70.74% 0.1414 234.70)` | Democrat | black, 8.2 to 1 |
| 4 | `#1ea7e9` | `oklch(69.04% 0.1440 236.97)` | Huelveño Horizon | black, 7.7 to 1 |
| 5 | `#1aa0e6` | `oklch(67.16% 0.1467 239.52)` | Button Blue | black, 7.1 to 1 |
| 6 | `#1998e2` | `oklch(65.20% 0.1492 242.28)` | Homeworld | black, 6.6 to 1 |
| 7 | `#1c90de` | `oklch(63.27% 0.1510 245.18)` | Kahu Blue | black, 6.1 to 1 |
| 8 | `#2389da` | `oklch(61.46% 0.1518 248.14)` | Blue Cola | black, 5.6 to 1 |
| 9 | `#2a82d6` | `oklch(59.85% 0.1513 251.07)` | Soothing Sapphire | black, 5.2 to 1 |
| 10 | `#307cd1` | `oklch(58.25% 0.1494 253.79)` | Soothing Sapphire | black, 4.9 to 1 |
| 11 | `#3576ca` | `oklch(56.61% 0.1463 256.37)` | Fading Night | black, 4.5 to 1 |
| 12 | `#3a70c3` | `oklch(54.99% 0.1424 259.02)` | Palace Blue | white, 4.9 to 1 |
| 13 | `#3e6abc` | `oklch(53.45% 0.1380 261.91)` | Matt Blue | white, 5.2 to 1 |
| 14 | `#4364b5` | `oklch(52.05% 0.1335 265.25)` | Kakitsubata Blue | white, 5.6 to 1 |
| 15 | `#485faf` | `oklch(50.86% 0.1293 269.22)` | Kakitsubata Blue | white, 5.9 to 1 |
| 16 | `#4e5baa` | `oklch(49.94% 0.1256 274.01)` | Chinese Bellflower | white, 6.1 to 1 |
| 17 | `#5557a5` | `oklch(49.35% 0.1226 279.86)` | Brandywine Raspberry | white, 6.3 to 1 |
| 18 | `#5d53a0` | `oklch(49.02% 0.1196 287.05)` | Coronation Blue | white, 6.5 to 1 |
| 19 | `#66509a` | `oklch(48.92% 0.1167 295.27)` | Ultrapurple Merge | white, 6.5 to 1 |
| 20 | `#6f4e94` | `oklch(49.03% 0.1140 304.13)` | Parfait d’Amour | white, 6.5 to 1 |
| 21 | `#774c8e` | `oklch(49.31% 0.1115 313.26)` | Purple Sapphire | white, 6.5 to 1 |
| 22 | `#7f4b87` | `oklch(49.75% 0.1095 322.28)` | Vibrant Orchid | white, 6.4 to 1 |
| 23 | `#874b81` | `oklch(50.32% 0.1082 330.80)` | Lilikoi Flower Purple | white, 6.2 to 1 |
| 24 | `#8d4c7b` | `oklch(51.00% 0.1075 338.44)` | Sugar Plum | white, 6 to 1 |
| 25 | `#934d76` | `oklch(51.85% 0.1078 345.21)` | Sugar Plum | white, 5.8 to 1 |
| 26 | `#9b4f73` | `oklch(53.04% 0.1093 351.79)` | Sea Fan Fuchsia | white, 5.6 to 1 |
| 27 | `#a35270` | `oklch(54.46% 0.1116 358.11)` | China Rose | white, 5.2 to 1 |
| 28 | `#ab556d` | `oklch(56.01% 0.1143 4.04)` | Pink Parakeet | white, 4.9 to 1 |
| 29 | `#b2596a` | `oklch(57.55% 0.1173 9.45)` | Slate Pink | white, 4.6 to 1 |
| 30 | `#b95c67` | `oklch(58.98% 0.1201 14.23)` | Sensuous | black, 4.7 to 1 |
| 31 | `#bf5f64` | `oklch(60.18% 0.1225 18.25)` | Her Velour | black, 5 to 1 |
| 32 | `#c26262` | `oklch(61.02% 0.1240 21.39)` | Faded Rose | black, 5.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #2bb7ef 0.0%, #28b3ed 3.2%, #23adeb 6.5%, #1ea7e9 9.7%, #1aa0e6 12.9%, #1998e2 16.1%, #1c90de 19.4%, #2389da 22.6%, #2a82d6 25.8%, #307cd1 29.0%, #3576ca 32.3%, #3a70c3 35.5%, #3e6abc 38.7%, #4364b5 41.9%, #485faf 45.2%, #4e5baa 48.4%, #5557a5 51.6%, #5d53a0 54.8%, #66509a 58.1%, #6f4e94 61.3%, #774c8e 64.5%, #7f4b87 67.7%, #874b81 71.0%, #8d4c7b 74.2%, #934d76 77.4%, #9b4f73 80.6%, #a35270 83.9%, #ab556d 87.1%, #b2596a 90.3%, #b95c67 93.5%, #bf5f64 96.8%, #c26262 100.0%);
background: linear-gradient(90deg in oklch, oklch(73.23% 0.1378 231.33) 0.0%, oklch(72.17% 0.1392 232.80) 3.2%, oklch(70.74% 0.1414 234.70) 6.5%, oklch(69.04% 0.1440 236.97) 9.7%, oklch(67.16% 0.1467 239.52) 12.9%, oklch(65.20% 0.1492 242.28) 16.1%, oklch(63.27% 0.1510 245.18) 19.4%, oklch(61.46% 0.1518 248.14) 22.6%, oklch(59.85% 0.1513 251.07) 25.8%, oklch(58.25% 0.1494 253.79) 29.0%, oklch(56.61% 0.1463 256.37) 32.3%, oklch(54.99% 0.1424 259.02) 35.5%, oklch(53.45% 0.1380 261.91) 38.7%, oklch(52.05% 0.1335 265.25) 41.9%, oklch(50.86% 0.1293 269.22) 45.2%, oklch(49.94% 0.1256 274.01) 48.4%, oklch(49.35% 0.1226 279.86) 51.6%, oklch(49.02% 0.1196 287.05) 54.8%, oklch(48.92% 0.1167 295.27) 58.1%, oklch(49.03% 0.1140 304.13) 61.3%, oklch(49.31% 0.1115 313.26) 64.5%, oklch(49.75% 0.1095 322.28) 67.7%, oklch(50.32% 0.1082 330.80) 71.0%, oklch(51.00% 0.1075 338.44) 74.2%, oklch(51.85% 0.1078 345.21) 77.4%, oklch(53.04% 0.1093 351.79) 80.6%, oklch(54.46% 0.1116 358.11) 83.9%, oklch(56.01% 0.1143 4.04) 87.1%, oklch(57.55% 0.1173 9.45) 90.3%, oklch(58.98% 0.1201 14.23) 93.5%, oklch(60.18% 0.1225 18.25) 96.8%, oklch(61.02% 0.1240 21.39) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.732 | 0.138 | 231.3 |
| 2 | 0.602 | 0.152 | 250.3 |
| 3 | 0.496 | 0.124 | 276.8 |
| 4 | 0.512 | 0.107 | 340.2 |
| 5 | 0.61 | 0.124 | 381.4 |

## In these collections

- [Sun bleached pool tiles](https://grabient.com/sun-bleached-pool-tiles)

## Other forms

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