# Tritone maroon, orange and yellow linear gradient

Tritone maroon, orange and yellow linear gradient with 32 colors: #2f0013, #380015, #450116, #540316, #650814, #76110e, #861b06, #962501, #a72f03, #b93a0c, #cb4516, #db501e, #e95d21, #f46a1f, #fa781b, #fe871a, #ff961f, #ffa429, #ffb133, #ffbe40, #ffcb4e, #ffd85a, #ffe462, #ffef64, #fff85b, #feff63, #fbffa6, #fcffac, #feff92, #fffd98, #fffa9f, #fff9a3. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYMjsBNLXDtTEQPpuUQ-z9Dvsxv2`
- Page: https://grabient.com/kYMjsBNLXDtTEQPpuUQ-z9Dvsxv2?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 17.7 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 | `#2f0013` | `oklch(19.74% 0.0798 1.63)` | Ilvaite Black | white, 18.5 to 1 |
| 2 | `#380015` | `oklch(21.94% 0.0881 5.08)` | Ilvaite Black | white, 17.8 to 1 |
| 3 | `#450116` | `oklch(24.94% 0.0987 10.11)` | Rhinoceros Beetle | white, 16.6 to 1 |
| 4 | `#540316` | `oklch(28.55% 0.1106 16.11)` | Bloedworst | white, 14.9 to 1 |
| 5 | `#650814` | `oklch(32.51% 0.1232 22.29)` | Cherry Picking | white, 13.1 to 1 |
| 6 | `#76110e` | `oklch(36.60% 0.1353 27.96)` | Blood Pact | white, 11.3 to 1 |
| 7 | `#861b06` | `oklch(40.58% 0.1457 32.42)` | Red Leever | white, 9.6 to 1 |
| 8 | `#962501` | `oklch(44.48% 0.1544 35.14)` | Smoking Red | white, 8.2 to 1 |
| 9 | `#a72f03` | `oklch(48.65% 0.1631 36.44)` | Enfield Brown | white, 6.8 to 1 |
| 10 | `#b93a0c` | `oklch(52.96% 0.1712 36.97)` | Dropped Brick | white, 5.7 to 1 |
| 11 | `#cb4516` | `oklch(57.25% 0.1782 37.36)` | Fire Bolt | white, 4.7 to 1 |
| 12 | `#db501e` | `oklch(61.36% 0.1837 38.25)` | Langoustine | black, 5.1 to 1 |
| 13 | `#e95d21` | `oklch(65.15% 0.1869 40.29)` | Puffins Bill | black, 6 to 1 |
| 14 | `#f46a1f` | `oklch(68.49% 0.1870 43.97)` | Island Orange | black, 6.9 to 1 |
| 15 | `#fa781b` | `oklch(71.49% 0.1834 48.99)` | Butternut Squash | black, 7.8 to 1 |
| 16 | `#fe871a` | `oklch(74.22% 0.1773 54.90)` | Orange Avant-Garde | black, 8.7 to 1 |
| 17 | `#ff961f` | `oklch(76.77% 0.1701 61.32)` | Cheese Please | black, 9.6 to 1 |
| 18 | `#ffa429` | `oklch(79.21% 0.1633 67.84)` | Eversong Orange | black, 10.6 to 1 |
| 19 | `#ffb133` | `oklch(81.62% 0.1585 74.07)` | Ripe Pumpkin | black, 11.6 to 1 |
| 20 | `#ffbe40` | `oklch(84.06% 0.1535 79.73)` | Orange Pop | black, 12.6 to 1 |
| 21 | `#ffcb4e` | `oklch(86.64% 0.1494 85.65)` | Capricorn Golden Key | black, 13.9 to 1 |
| 22 | `#ffd85a` | `oklch(89.24% 0.1479 91.73)` | Common Dandelion | black, 15.2 to 1 |
| 23 | `#ffe462` | `oklch(91.72% 0.1502 97.56)` | Fried Egg | black, 16.5 to 1 |
| 24 | `#ffef64` | `oklch(93.94% 0.1579 102.75)` | Pale Ale | black, 17.7 to 1 |
| 25 | `#fff85b` | `oklch(95.77% 0.1731 106.90)` | Dodie Yellow | black, 18.8 to 1 |
| 26 | `#feff63` | `oklch(97.06% 0.1732 109.60)` | Canary | black, 19.6 to 1 |
| 27 | `#fbffa6` | `oklch(97.72% 0.1106 110.57)` | Calamansi | black, 19.9 to 1 |
| 28 | `#fcffac` | `oklch(97.87% 0.1043 110.17)` | Ginger Lemon Tea | black, 20 to 1 |
| 29 | `#feff92` | `oklch(97.68% 0.1321 108.91)` | Pastel Yellow | black, 19.9 to 1 |
| 30 | `#fffd98` | `oklch(97.34% 0.1228 107.29)` | Pastel Yellow | black, 19.7 to 1 |
| 31 | `#fffa9f` | `oklch(97.00% 0.1124 105.81)` | Walking on Sunshine | black, 19.4 to 1 |
| 32 | `#fff9a3` | `oklch(96.85% 0.1069 104.97)` | Lemon Slice | black, 19.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #2f0013 0.0%, #380015 3.2%, #450116 6.5%, #540316 9.7%, #650814 12.9%, #76110e 16.1%, #861b06 19.4%, #962501 22.6%, #a72f03 25.8%, #b93a0c 29.0%, #cb4516 32.3%, #db501e 35.5%, #e95d21 38.7%, #f46a1f 41.9%, #fa781b 45.2%, #fe871a 48.4%, #ff961f 51.6%, #ffa429 54.8%, #ffb133 58.1%, #ffbe40 61.3%, #ffcb4e 64.5%, #ffd85a 67.7%, #ffe462 71.0%, #ffef64 74.2%, #fff85b 77.4%, #feff63 80.6%, #fbffa6 83.9%, #fcffac 87.1%, #feff92 90.3%, #fffd98 93.5%, #fffa9f 96.8%, #fff9a3 100.0%);
background: linear-gradient(90deg in oklch, oklch(19.74% 0.0798 1.63) 0.0%, oklch(21.94% 0.0881 5.08) 3.2%, oklch(24.94% 0.0987 10.11) 6.5%, oklch(28.55% 0.1106 16.11) 9.7%, oklch(32.51% 0.1232 22.29) 12.9%, oklch(36.60% 0.1353 27.96) 16.1%, oklch(40.58% 0.1457 32.42) 19.4%, oklch(44.48% 0.1544 35.14) 22.6%, oklch(48.65% 0.1631 36.44) 25.8%, oklch(52.96% 0.1712 36.97) 29.0%, oklch(57.25% 0.1782 37.36) 32.3%, oklch(61.36% 0.1837 38.25) 35.5%, oklch(65.15% 0.1869 40.29) 38.7%, oklch(68.49% 0.1870 43.97) 41.9%, oklch(71.49% 0.1834 48.99) 45.2%, oklch(74.22% 0.1773 54.90) 48.4%, oklch(76.77% 0.1701 61.32) 51.6%, oklch(79.21% 0.1633 67.84) 54.8%, oklch(81.62% 0.1585 74.07) 58.1%, oklch(84.06% 0.1535 79.73) 61.3%, oklch(86.64% 0.1494 85.65) 64.5%, oklch(89.24% 0.1479 91.73) 67.7%, oklch(91.72% 0.1502 97.56) 71.0%, oklch(93.94% 0.1579 102.75) 74.2%, oklch(95.77% 0.1731 106.90) 77.4%, oklch(97.06% 0.1732 109.60) 80.6%, oklch(97.72% 0.1106 110.57) 83.9%, oklch(97.87% 0.1043 110.17) 87.1%, oklch(97.68% 0.1321 108.91) 90.3%, oklch(97.34% 0.1228 107.29) 93.5%, oklch(97.00% 0.1124 105.81) 96.8%, oklch(96.85% 0.1069 104.97) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.197 | 0.081 | 1.4 |
| 2 | 0.413 | 0.147 | 33.1 |
| 3 | 0.665 | 0.187 | 41.6 |
| 4 | 0.831 | 0.157 | 77.5 |
| 5 | 0.969 | 0.174 | 109.2 |
| 6 | 0.969 | 0.136 | 105 |

## In these collections

- [Retro gradients](https://grabient.com/retro-gradients)
- [Autumn gradients](https://grabient.com/autumn-gradients)
- [Diwali swatches](https://grabient.com/diwali-swatches)

## Other forms

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