# Tritone purple, orange and yellow linear gradient

Tritone purple, orange and yellow linear gradient with 32 colors: #55496d, #5a486d, #61466a, #694465, #72435e, #7a4256, #82434f, #8b464a, #954a46, #a04f42, #ab553f, #b55c3b, #bf6337, #c76b32, #cf7530, #d77e30, #de8832, #e49234, #e99b37, #eca438, #eead39, #efb63b, #efbe3f, #eec543, #ebcc49, #e7d14e, #e1d554, #dad85b, #d2da61, #cadb66, #c3dc6b, #bfdc6f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYbivUO6BIk2wxDhNMLbLZDOwzQq`
- Page: https://grabient.com/kYbivUO6BIk2wxDhNMLbLZDOwzQq?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, vivid, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 5.4 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 | `#55496d` | `oklch(43.31% 0.0593 298.13)` | Proper Purple | white, 8.1 to 1 |
| 2 | `#5a486d` | `oklch(43.56% 0.0621 306.15)` | Proper Purple | white, 8.1 to 1 |
| 3 | `#61466a` | `oklch(43.81% 0.0659 317.55)` | Royal Rajah | white, 8 to 1 |
| 4 | `#694465` | `oklch(44.15% 0.0704 330.94)` | Sultana | white, 8 to 1 |
| 5 | `#72435e` | `oklch(44.66% 0.0755 344.94)` | Purple Drab | white, 7.8 to 1 |
| 6 | `#7a4256` | `oklch(45.44% 0.0811 358.15)` | Cheerful Wine | white, 7.6 to 1 |
| 7 | `#82434f` | `oklch(46.57% 0.0870 9.21)` | Dark Strawberry | white, 7.2 to 1 |
| 8 | `#8b464a` | `oklch(48.15% 0.0935 17.57)` | Rhubarb Smoothie | white, 6.8 to 1 |
| 9 | `#954a46` | `oklch(50.15% 0.1012 24.52)` | Circus Red | white, 6.2 to 1 |
| 10 | `#a04f42` | `oklch(52.46% 0.1095 30.43)` | Boynton Canyon | white, 5.6 to 1 |
| 11 | `#ab553f` | `oklch(54.96% 0.1178 35.61)` | Cherry Blink | white, 5.1 to 1 |
| 12 | `#b55c3b` | `oklch(57.53% 0.1254 40.37)` | Sun-Kissed Brick | white, 4.6 to 1 |
| 13 | `#bf6337` | `oklch(60.06% 0.1317 45.05)` | Cinnamon Rufous | black, 5 to 1 |
| 14 | `#c76b32` | `oklch(62.49% 0.1361 49.77)` | Desert Spice | black, 5.6 to 1 |
| 15 | `#cf7530` | `oklch(65.06% 0.1391 53.99)` | Ochre Maroon | black, 6.2 to 1 |
| 16 | `#d77e30` | `oklch(67.70% 0.1411 57.82)` | Yellow Mandarin | black, 6.9 to 1 |
| 17 | `#de8832` | `oklch(70.32% 0.1423 61.45)` | Kanafeh | black, 7.6 to 1 |
| 18 | `#e49234` | `oklch(72.83% 0.1432 65.07)` | Sanskrit | black, 8.4 to 1 |
| 19 | `#e99b37` | `oklch(75.14% 0.1440 68.85)` | Gorse Yellow Orange | black, 9.2 to 1 |
| 20 | `#eca438` | `oklch(77.16% 0.1452 72.97)` | Acorn Squash | black, 9.9 to 1 |
| 21 | `#eead39` | `oklch(79.04% 0.1463 77.35)` | Tonkatsu | black, 10.6 to 1 |
| 22 | `#efb63b` | `oklch(80.78% 0.1474 81.87)` | Baklava | black, 11.3 to 1 |
| 23 | `#efbe3f` | `oklch(82.34% 0.1482 86.45)` | Golden Mary | black, 12 to 1 |
| 24 | `#eec543` | `oklch(83.68% 0.1487 90.99)` | Buzz | black, 12.6 to 1 |
| 25 | `#ebcc49` | `oklch(84.77% 0.1489 95.39)` | Festival | black, 13.2 to 1 |
| 26 | `#e7d14e` | `oklch(85.56% 0.1487 99.58)` | New Gold | black, 13.6 to 1 |
| 27 | `#e1d554` | `oklch(85.95% 0.1479 103.87)` | Kowloon | black, 13.8 to 1 |
| 28 | `#dad85b` | `oklch(85.98% 0.1465 108.26)` | Banana Chalk | black, 13.9 to 1 |
| 29 | `#d2da61` | `oklch(85.78% 0.1448 112.50)` | Chinese Green | black, 13.9 to 1 |
| 30 | `#cadb66` | `oklch(85.47% 0.1430 116.37)` | Dry Seedlings | black, 13.8 to 1 |
| 31 | `#c3dc6b` | `oklch(85.18% 0.1416 119.61)` | Citrus Lime | black, 13.7 to 1 |
| 32 | `#bfdc6f` | `oklch(85.04% 0.1406 122.00)` | Citrus Lime | black, 13.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #55496d 0.0%, #5a486d 3.2%, #61466a 6.5%, #694465 9.7%, #72435e 12.9%, #7a4256 16.1%, #82434f 19.4%, #8b464a 22.6%, #954a46 25.8%, #a04f42 29.0%, #ab553f 32.3%, #b55c3b 35.5%, #bf6337 38.7%, #c76b32 41.9%, #cf7530 45.2%, #d77e30 48.4%, #de8832 51.6%, #e49234 54.8%, #e99b37 58.1%, #eca438 61.3%, #eead39 64.5%, #efb63b 67.7%, #efbe3f 71.0%, #eec543 74.2%, #ebcc49 77.4%, #e7d14e 80.6%, #e1d554 83.9%, #dad85b 87.1%, #d2da61 90.3%, #cadb66 93.5%, #c3dc6b 96.8%, #bfdc6f 100.0%);
background: linear-gradient(135deg in oklch, oklch(43.31% 0.0593 298.13) 0.0%, oklch(43.56% 0.0621 306.15) 3.2%, oklch(43.81% 0.0659 317.55) 6.5%, oklch(44.15% 0.0704 330.94) 9.7%, oklch(44.66% 0.0755 344.94) 12.9%, oklch(45.44% 0.0811 358.15) 16.1%, oklch(46.57% 0.0870 9.21) 19.4%, oklch(48.15% 0.0935 17.57) 22.6%, oklch(50.15% 0.1012 24.52) 25.8%, oklch(52.46% 0.1095 30.43) 29.0%, oklch(54.96% 0.1178 35.61) 32.3%, oklch(57.53% 0.1254 40.37) 35.5%, oklch(60.06% 0.1317 45.05) 38.7%, oklch(62.49% 0.1361 49.77) 41.9%, oklch(65.06% 0.1391 53.99) 45.2%, oklch(67.70% 0.1411 57.82) 48.4%, oklch(70.32% 0.1423 61.45) 51.6%, oklch(72.83% 0.1432 65.07) 54.8%, oklch(75.14% 0.1440 68.85) 58.1%, oklch(77.16% 0.1452 72.97) 61.3%, oklch(79.04% 0.1463 77.35) 64.5%, oklch(80.78% 0.1474 81.87) 67.7%, oklch(82.34% 0.1482 86.45) 71.0%, oklch(83.68% 0.1487 90.99) 74.2%, oklch(84.77% 0.1489 95.39) 77.4%, oklch(85.56% 0.1487 99.58) 80.6%, oklch(85.95% 0.1479 103.87) 83.9%, oklch(85.98% 0.1465 108.26) 87.1%, oklch(85.78% 0.1448 112.50) 90.3%, oklch(85.47% 0.1430 116.37) 93.5%, oklch(85.18% 0.1416 119.61) 96.8%, oklch(85.04% 0.1406 122.00) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.433 | 0.059 | 298.1 |
| 2 | 0.469 | 0.088 | 371 |
| 3 | 0.61 | 0.134 | 407 |
| 4 | 0.764 | 0.145 | 431.3 |
| 5 | 0.854 | 0.149 | 458.8 |
| 6 | 0.85 | 0.141 | 482 |

## In these collections

- [Gold border jasmine garland](https://grabient.com/gold-border-jasmine-garland)

## Other forms

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