# Tritone blue, purple and olive linear gradient

Tritone blue, purple and olive linear gradient with 32 colors: #2701e6, #2b03e4, #2f05e1, #3409de, #390eda, #4015d6, #471dd1, #5024cc, #582cc7, #6133c1, #6b3aba, #7441b2, #7c49aa, #8352a2, #8a5a9a, #916292, #99678a, #a16d81, #a87477, #ab7b6f, #ac8269, #ac8965, #ad8e5f, #ae9357, #ae974e, #ac9c45, #a8a03f, #a3a43a, #9da737, #97aa33, #92ab31, #8ead30. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kabc2_t1vA73DQlIn0P0pfKtgqxNZN0Ig`
- Page: https://grabient.com/kabc2_t1vA73DQlIn0P0pfKtgqxNZN0Ig?steps=32&angle=270
- Drawn as: linear gradient, 32 steps, 270 degrees
- Kinds: vivid, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.6 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 | `#2701e6` | `oklch(42.91% 0.2825 269.30)` | Burning Ultrablue | white, 9.3 to 1 |
| 2 | `#2b03e4` | `oklch(42.89% 0.2791 270.23)` | Delft Blue | white, 9.3 to 1 |
| 3 | `#2f05e1` | `oklch(42.82% 0.2747 271.42)` | Delft Blue | white, 9.4 to 1 |
| 4 | `#3409de` | `oklch(42.79% 0.2691 272.95)` | Blue Copper Ore | white, 9.3 to 1 |
| 5 | `#390eda` | `oklch(42.89% 0.2621 274.89)` | Blue Copper Ore | white, 9.3 to 1 |
| 6 | `#4015d6` | `oklch(43.22% 0.2537 277.30)` | Blue Copper Ore | white, 9.1 to 1 |
| 7 | `#471dd1` | `oklch(43.83% 0.2437 280.18)` | Blue Copper Ore | white, 8.8 to 1 |
| 8 | `#5024cc` | `oklch(44.63% 0.2322 283.46)` | Blue Purple | white, 8.4 to 1 |
| 9 | `#582cc7` | `oklch(45.61% 0.2194 287.18)` | Blue Purple | white, 8 to 1 |
| 10 | `#6133c1` | `oklch(46.74% 0.2052 291.38)` | Purple Spot | white, 7.6 to 1 |
| 11 | `#6b3aba` | `oklch(47.99% 0.1900 296.12)` | Purple Emperor | white, 7.1 to 1 |
| 12 | `#7441b2` | `oklch(49.38% 0.1728 301.11)` | Shiner | white, 6.7 to 1 |
| 13 | `#7c49aa` | `oklch(50.98% 0.1522 305.71)` | Royal Lavender | white, 6.1 to 1 |
| 14 | `#8352a2` | `oklch(52.73% 0.1303 310.77)` | Royal Lilac | white, 5.6 to 1 |
| 15 | `#8a5a9a` | `oklch(54.52% 0.1094 317.24)` | Purple Squid | white, 5.2 to 1 |
| 16 | `#916292` | `oklch(56.26% 0.0921 326.06)` | Hashita Purple | white, 4.8 to 1 |
| 17 | `#99678a` | `oklch(57.89% 0.0800 338.40)` | Garden Aroma | black, 4.6 to 1 |
| 18 | `#a16d81` | `oklch(59.54% 0.0715 355.34)` | Black Elder | black, 5 to 1 |
| 19 | `#a87477` | `oklch(61.16% 0.0660 14.94)` | Carley’s Rose | black, 5.3 to 1 |
| 20 | `#ab7b6f` | `oklch(62.71% 0.0633 34.87)` | Cranberry Foule | black, 5.7 to 1 |
| 21 | `#ac8269` | `oklch(64.12% 0.0633 52.82)` | Cider Spice | black, 6.1 to 1 |
| 22 | `#ac8965` | `oklch(65.35% 0.0661 66.63)` | Earthly Delight | black, 6.4 to 1 |
| 23 | `#ad8e5f` | `oklch(66.42% 0.0735 77.24)` | Alpha Gold | black, 6.8 to 1 |
| 24 | `#ae9357` | `oklch(67.36% 0.0845 85.75)` | Wheatacre | black, 7 to 1 |
| 25 | `#ae974e` | `oklch(68.16% 0.0969 92.77)` | Outdoorsy | black, 7.3 to 1 |
| 26 | `#ac9c45` | `oklch(68.83% 0.1089 98.89)` | Golden Olive | black, 7.5 to 1 |
| 27 | `#a8a03f` | `oklch(69.37% 0.1185 104.70)` | Machine Green | black, 7.7 to 1 |
| 28 | `#a3a43a` | `oklch(69.72% 0.1268 109.91)` | Camo Green | black, 7.9 to 1 |
| 29 | `#9da737` | `oklch(69.91% 0.1346 114.26)` | Science Experiment | black, 8 to 1 |
| 30 | `#97aa33` | `oklch(69.99% 0.1416 117.80)` | Macaw Green | black, 8 to 1 |
| 31 | `#92ab31` | `oklch(70.03% 0.1473 120.61)` | Lime Green | black, 8.1 to 1 |
| 32 | `#8ead30` | `oklch(70.08% 0.1516 122.76)` | Lime Green | black, 8.1 to 1 |

## CSS

```css
background: linear-gradient(270deg, #2701e6 0.0%, #2b03e4 3.2%, #2f05e1 6.5%, #3409de 9.7%, #390eda 12.9%, #4015d6 16.1%, #471dd1 19.4%, #5024cc 22.6%, #582cc7 25.8%, #6133c1 29.0%, #6b3aba 32.3%, #7441b2 35.5%, #7c49aa 38.7%, #8352a2 41.9%, #8a5a9a 45.2%, #916292 48.4%, #99678a 51.6%, #a16d81 54.8%, #a87477 58.1%, #ab7b6f 61.3%, #ac8269 64.5%, #ac8965 67.7%, #ad8e5f 71.0%, #ae9357 74.2%, #ae974e 77.4%, #ac9c45 80.6%, #a8a03f 83.9%, #a3a43a 87.1%, #9da737 90.3%, #97aa33 93.5%, #92ab31 96.8%, #8ead30 100.0%);
background: linear-gradient(270deg in oklch, oklch(42.91% 0.2825 269.30) 0.0%, oklch(42.89% 0.2791 270.23) 3.2%, oklch(42.82% 0.2747 271.42) 6.5%, oklch(42.79% 0.2691 272.95) 9.7%, oklch(42.89% 0.2621 274.89) 12.9%, oklch(43.22% 0.2537 277.30) 16.1%, oklch(43.83% 0.2437 280.18) 19.4%, oklch(44.63% 0.2322 283.46) 22.6%, oklch(45.61% 0.2194 287.18) 25.8%, oklch(46.74% 0.2052 291.38) 29.0%, oklch(47.99% 0.1900 296.12) 32.3%, oklch(49.38% 0.1728 301.11) 35.5%, oklch(50.98% 0.1522 305.71) 38.7%, oklch(52.73% 0.1303 310.77) 41.9%, oklch(54.52% 0.1094 317.24) 45.2%, oklch(56.26% 0.0921 326.06) 48.4%, oklch(57.89% 0.0800 338.40) 51.6%, oklch(59.54% 0.0715 355.34) 54.8%, oklch(61.16% 0.0660 14.94) 58.1%, oklch(62.71% 0.0633 34.87) 61.3%, oklch(64.12% 0.0633 52.82) 64.5%, oklch(65.35% 0.0661 66.63) 67.7%, oklch(66.42% 0.0735 77.24) 71.0%, oklch(67.36% 0.0845 85.75) 74.2%, oklch(68.16% 0.0969 92.77) 77.4%, oklch(68.83% 0.1089 98.89) 80.6%, oklch(69.37% 0.1185 104.70) 83.9%, oklch(69.72% 0.1268 109.91) 87.1%, oklch(69.91% 0.1346 114.26) 90.3%, oklch(69.99% 0.1416 117.80) 93.5%, oklch(70.03% 0.1473 120.61) 96.8%, oklch(70.08% 0.1516 122.76) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.429 | 0.282 | 269.3 |
| 2 | 0.433 | 0.252 | 277.8 |
| 3 | 0.484 | 0.185 | 297.8 |
| 4 | 0.571 | 0.085 | 331.6 |
| 5 | 0.65 | 0.065 | 422.5 |
| 6 | 0.693 | 0.117 | 463.7 |
| 7 | 0.701 | 0.152 | 482.8 |

## In these collections

- [Witchy color palette](https://grabient.com/witchy-color-palette)
- [Green multicolor gradients](https://grabient.com/green-multicolor-gradients)

## Other forms

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