# Tritone pink, blue and purple linear gradient

Tritone pink, blue and purple linear gradient with 32 colors: #d98962, #d7826a, #d27976, #c87186, #b86b96, #a368a4, #8a66ac, #6f65ae, #5465ab, #3964a4, #1f629c, #036096, #005c8f, #00578c, #00508d, #124a8e, #23438d, #303c8c, #3c378b, #463389, #503188, #593288, #64358b, #723c8e, #824493, #934e99, #a5599e, #b664a4, #c66fa9, #d57aae, #e083b1, #e989b4. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUs1EhPSmtDOyxjerkYg`
- Page: https://grabient.com/kUs1EhPSmtDOyxjerkYg?steps=32&angle=255
- Drawn as: linear gradient, 32 steps, 255 degrees
- Kinds: dark center
- Hues: wide
- Contrast of its darkest and lightest colors: 4.1 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 | `#d98962` | `oklch(70.47% 0.1116 46.41)` | Copper Coin | black, 7.7 to 1 |
| 2 | `#d7826a` | `oklch(69.12% 0.1117 36.36)` | Summer Sunset | black, 7.2 to 1 |
| 3 | `#d27976` | `oklch(67.32% 0.1116 22.36)` | Hearts Afire | black, 6.7 to 1 |
| 4 | `#c87186` | `oklch(65.15% 0.1116 5.39)` | Long Spring | black, 6.1 to 1 |
| 5 | `#b86b96` | `oklch(62.73% 0.1115 346.49)` | Je t’aime | black, 5.6 to 1 |
| 6 | `#a368a4` | `oklch(60.16% 0.1114 326.65)` | Iris Orchid | black, 5 to 1 |
| 7 | `#8a66ac` | `oklch(57.53% 0.1115 306.88)` | Empire Violet | black, 4.5 to 1 |
| 8 | `#6f65ae` | `oklch(54.95% 0.1118 288.21)` | Genestealer Purple | white, 5 to 1 |
| 9 | `#5465ab` | `oklch(52.53% 0.1122 271.64)` | Submarine Base | white, 5.5 to 1 |
| 10 | `#3964a4` | `oklch(50.36% 0.1129 258.19)` | International | white, 5.9 to 1 |
| 11 | `#1f629c` | `oklch(48.54% 0.1139 248.86)` | Lapis Lazuli | white, 6.3 to 1 |
| 12 | `#036096` | `oklch(47.05% 0.1154 244.25)` | Hyper Blue | white, 6.7 to 1 |
| 13 | `#005c8f` | `oklch(45.53% 0.1108 243.34)` | Buccaneer Blue | white, 7.2 to 1 |
| 14 | `#00578c` | `oklch(44.02% 0.1118 245.42)` | Bandana | white, 7.7 to 1 |
| 15 | `#00508d` | `oklch(42.60% 0.1204 249.94)` | Lapis Blue | white, 8.2 to 1 |
| 16 | `#124a8e` | `oklch(41.33% 0.1262 256.28)` | Iron Blue | white, 8.8 to 1 |
| 17 | `#23438d` | `oklch(40.29% 0.1293 263.93)` | Blue Oblivion | white, 9.3 to 1 |
| 18 | `#303c8c` | `oklch(39.55% 0.1322 272.30)` | Navy Seal | white, 9.7 to 1 |
| 19 | `#3c378b` | `oklch(39.18% 0.1349 280.79)` | Clematis Blue | white, 9.9 to 1 |
| 20 | `#463389` | `oklch(39.25% 0.1370 288.83)` | Majestic Eggplant | white, 10 to 1 |
| 21 | `#503188` | `oklch(39.84% 0.1386 295.85)` | Sick Blue | white, 9.8 to 1 |
| 22 | `#593288` | `oklch(41.04% 0.1393 301.41)` | Purple Patch | white, 9.4 to 1 |
| 23 | `#64358b` | `oklch(43.14% 0.1393 306.88)` | Violet Magician | white, 8.6 to 1 |
| 24 | `#723c8e` | `oklch(46.07% 0.1386 312.65)` | Perkin Mauve | white, 7.6 to 1 |
| 25 | `#824493` | `oklch(49.61% 0.1375 318.58)` | Murasaki Purple | white, 6.5 to 1 |
| 26 | `#934e99` | `oklch(53.56% 0.1360 324.53)` | Vicious Violet | white, 5.5 to 1 |
| 27 | `#a5599e` | `oklch(57.71% 0.1342 330.35)` | Heath Spotted Orchid | white, 4.6 to 1 |
| 28 | `#b664a4` | `oklch(61.87% 0.1324 335.90)` | Young Purple | black, 5.3 to 1 |
| 29 | `#c66fa9` | `oklch(65.82% 0.1306 341.03)` | Sugar Creek | black, 6.2 to 1 |
| 30 | `#d57aae` | `oklch(69.36% 0.1290 345.61)` | Ice Plant | black, 7.2 to 1 |
| 31 | `#e083b1` | `oklch(72.29% 0.1276 349.48)` | Middle Purple | black, 8 to 1 |
| 32 | `#e989b4` | `oklch(74.41% 0.1268 352.51)` | Rosebloom | black, 8.7 to 1 |

## CSS

```css
background: linear-gradient(255deg, #d98962 0.0%, #d7826a 3.2%, #d27976 6.5%, #c87186 9.7%, #b86b96 12.9%, #a368a4 16.1%, #8a66ac 19.4%, #6f65ae 22.6%, #5465ab 25.8%, #3964a4 29.0%, #1f629c 32.3%, #036096 35.5%, #005c8f 38.7%, #00578c 41.9%, #00508d 45.2%, #124a8e 48.4%, #23438d 51.6%, #303c8c 54.8%, #3c378b 58.1%, #463389 61.3%, #503188 64.5%, #593288 67.7%, #64358b 71.0%, #723c8e 74.2%, #824493 77.4%, #934e99 80.6%, #a5599e 83.9%, #b664a4 87.1%, #c66fa9 90.3%, #d57aae 93.5%, #e083b1 96.8%, #e989b4 100.0%);
background: linear-gradient(255deg in oklch, oklch(70.47% 0.1116 46.41) 0.0%, oklch(69.12% 0.1117 36.36) 3.2%, oklch(67.32% 0.1116 22.36) 6.5%, oklch(65.15% 0.1116 5.39) 9.7%, oklch(62.73% 0.1115 346.49) 12.9%, oklch(60.16% 0.1114 326.65) 16.1%, oklch(57.53% 0.1115 306.88) 19.4%, oklch(54.95% 0.1118 288.21) 22.6%, oklch(52.53% 0.1122 271.64) 25.8%, oklch(50.36% 0.1129 258.19) 29.0%, oklch(48.54% 0.1139 248.86) 32.3%, oklch(47.05% 0.1154 244.25) 35.5%, oklch(45.53% 0.1108 243.34) 38.7%, oklch(44.02% 0.1118 245.42) 41.9%, oklch(42.60% 0.1204 249.94) 45.2%, oklch(41.33% 0.1262 256.28) 48.4%, oklch(40.29% 0.1293 263.93) 51.6%, oklch(39.55% 0.1322 272.30) 54.8%, oklch(39.18% 0.1349 280.79) 58.1%, oklch(39.25% 0.1370 288.83) 61.3%, oklch(39.84% 0.1386 295.85) 64.5%, oklch(41.04% 0.1393 301.41) 67.7%, oklch(43.14% 0.1393 306.88) 71.0%, oklch(46.07% 0.1386 312.65) 74.2%, oklch(49.61% 0.1375 318.58) 77.4%, oklch(53.56% 0.1360 324.53) 80.6%, oklch(57.71% 0.1342 330.35) 83.9%, oklch(61.87% 0.1324 335.90) 87.1%, oklch(65.82% 0.1306 341.03) 90.3%, oklch(69.36% 0.1290 345.61) 93.5%, oklch(72.29% 0.1276 349.48) 96.8%, oklch(74.41% 0.1268 352.51) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.705 | 0.112 | 46.4 |
| 2 | 0.48 | 0.114 | -113.2 |
| 3 | 0.406 | 0.139 | -60.3 |
| 4 | 0.744 | 0.127 | -7.5 |

## In these collections

- [Galaxy gradients](https://grabient.com/galaxy-gradients)

## Other forms

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