# Tritone orange, purple and green radial gradient

Tritone orange, purple and green radial gradient with 32 colors: #d67b25, #d17728, #ca712c, #c16b2f, #b86533, #af5e38, #a7593f, #9f5546, #95534d, #8b5154, #805059, #77505e, #6f5061, #695166, #63536b, #5d5771, #575b77, #50617b, #4a677e, #456d80, #427481, #417c83, #418484, #438c85, #469485, #4a9c84, #4fa482, #54ac7f, #5ab47b, #61bb77, #69c172, #6fc56e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYqmopxac9juROPAkzN0B-4181vG`
- Page: https://grabient.com/kYqmopxac9juROPAkzN0B-4181vG?style=radialGradient&steps=32&angle=315
- Drawn as: radial gradient, 32 steps, 315 degrees
- Kinds: multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.3 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 | `#d67b25` | `oklch(66.93% 0.1461 58.36)` | Yellow Mandarin | black, 6.7 to 1 |
| 2 | `#d17728` | `oklch(65.61% 0.1423 56.69)` | Bitter Orange | black, 6.3 to 1 |
| 3 | `#ca712c` | `oklch(63.74% 0.1372 54.75)` | Ochre Pigment | black, 5.9 to 1 |
| 4 | `#c16b2f` | `oklch(61.55% 0.1312 52.30)` | Warm Cream Spirit | black, 5.4 to 1 |
| 5 | `#b86533` | `oklch(59.23% 0.1244 49.11)` | Hell’s Bells | black, 4.9 to 1 |
| 6 | `#af5e38` | `oklch(57.00% 0.1169 44.93)` | Fragrant Cloves | white, 4.6 to 1 |
| 7 | `#a7593f` | `oklch(55.06% 0.1091 39.53)` | Falling Leaves | white, 5 to 1 |
| 8 | `#9f5546` | `oklch(53.41% 0.1003 32.90)` | Kalahari Sunset | white, 5.4 to 1 |
| 9 | `#95534d` | `oklch(51.77% 0.0895 25.35)` | Marsala | white, 5.8 to 1 |
| 10 | `#8b5154` | `oklch(50.21% 0.0779 16.81)` | Roan Rouge | white, 6.1 to 1 |
| 11 | `#805059` | `oklch(48.84% 0.0665 7.19)` | Wild Ginger | white, 6.5 to 1 |
| 12 | `#77505e` | `oklch(47.74% 0.0565 356.38)` | Baroque Red | white, 6.8 to 1 |
| 13 | `#6f5061` | `oklch(47.02% 0.0489 344.31)` | Dark Olive Paste | white, 7 to 1 |
| 14 | `#695166` | `oklch(46.73% 0.0447 330.52)` | Vintner | white, 7 to 1 |
| 15 | `#63536b` | `oklch(46.82% 0.0429 314.01)` | Blackberry Farm | white, 7 to 1 |
| 16 | `#5d5771` | `oklch(47.24% 0.0430 295.75)` | Orchid Grey | white, 6.8 to 1 |
| 17 | `#575b77` | `oklch(47.95% 0.0446 276.90)` | When Worlds Collide | white, 6.6 to 1 |
| 18 | `#50617b` | `oklch(48.89% 0.0473 258.62)` | Nightly | white, 6.2 to 1 |
| 19 | `#4a677e` | `oklch(50.03% 0.0504 242.06)` | Gloomy Sea | white, 5.9 to 1 |
| 20 | `#456d80` | `oklch(51.34% 0.0537 228.20)` | Santorini Blue | white, 5.5 to 1 |
| 21 | `#427481` | `oklch(52.99% 0.0577 216.15)` | Wild River | white, 5.1 to 1 |
| 22 | `#417c83` | `oklch(54.93% 0.0624 205.40)` | Mysterious Blue | white, 4.7 to 1 |
| 23 | `#418484` | `oklch(57.04% 0.0679 195.77)` | Emu Egg | black, 4.8 to 1 |
| 24 | `#438c85` | `oklch(59.23% 0.0740 187.08)` | Royal Palm | black, 5.3 to 1 |
| 25 | `#469485` | `oklch(61.38% 0.0809 179.14)` | Lochinvar | black, 5.8 to 1 |
| 26 | `#4a9c84` | `oklch(63.39% 0.0884 171.76)` | Wintergreen Shadow | black, 6.3 to 1 |
| 27 | `#4fa482` | `oklch(65.48% 0.0978 165.09)` | Inspiration Peak | black, 6.9 to 1 |
| 28 | `#54ac7f` | `oklch(67.69% 0.1089 159.23)` | Julep | black, 7.5 to 1 |
| 29 | `#5ab47b` | `oklch(69.87% 0.1204 154.16)` | Pale Green | black, 8.2 to 1 |
| 30 | `#61bb77` | `oklch(71.88% 0.1314 149.88)` | Citronella | black, 8.8 to 1 |
| 31 | `#69c172` | `oklch(73.57% 0.1408 146.36)` | Bermudagrass | black, 9.4 to 1 |
| 32 | `#6fc56e` | `oklch(74.80% 0.1474 143.60)` | Mantis | black, 9.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d67b25 0.0%, #d17728 3.2%, #ca712c 6.5%, #c16b2f 9.7%, #b86533 12.9%, #af5e38 16.1%, #a7593f 19.4%, #9f5546 22.6%, #95534d 25.8%, #8b5154 29.0%, #805059 32.3%, #77505e 35.5%, #6f5061 38.7%, #695166 41.9%, #63536b 45.2%, #5d5771 48.4%, #575b77 51.6%, #50617b 54.8%, #4a677e 58.1%, #456d80 61.3%, #427481 64.5%, #417c83 67.7%, #418484 71.0%, #438c85 74.2%, #469485 77.4%, #4a9c84 80.6%, #4fa482 83.9%, #54ac7f 87.1%, #5ab47b 90.3%, #61bb77 93.5%, #69c172 96.8%, #6fc56e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(66.93% 0.1461 58.36) 0.0%, oklch(65.61% 0.1423 56.69) 3.2%, oklch(63.74% 0.1372 54.75) 6.5%, oklch(61.55% 0.1312 52.30) 9.7%, oklch(59.23% 0.1244 49.11) 12.9%, oklch(57.00% 0.1169 44.93) 16.1%, oklch(55.06% 0.1091 39.53) 19.4%, oklch(53.41% 0.1003 32.90) 22.6%, oklch(51.77% 0.0895 25.35) 25.8%, oklch(50.21% 0.0779 16.81) 29.0%, oklch(48.84% 0.0665 7.19) 32.3%, oklch(47.74% 0.0565 356.38) 35.5%, oklch(47.02% 0.0489 344.31) 38.7%, oklch(46.73% 0.0447 330.52) 41.9%, oklch(46.82% 0.0429 314.01) 45.2%, oklch(47.24% 0.0430 295.75) 48.4%, oklch(47.95% 0.0446 276.90) 51.6%, oklch(48.89% 0.0473 258.62) 54.8%, oklch(50.03% 0.0504 242.06) 58.1%, oklch(51.34% 0.0537 228.20) 61.3%, oklch(52.99% 0.0577 216.15) 64.5%, oklch(54.93% 0.0624 205.40) 67.7%, oklch(57.04% 0.0679 195.77) 71.0%, oklch(59.23% 0.0740 187.08) 74.2%, oklch(61.38% 0.0809 179.14) 77.4%, oklch(63.39% 0.0884 171.76) 80.6%, oklch(65.48% 0.0978 165.09) 83.9%, oklch(67.69% 0.1089 159.23) 87.1%, oklch(69.87% 0.1204 154.16) 90.3%, oklch(71.88% 0.1314 149.88) 93.5%, oklch(73.57% 0.1408 146.36) 96.8%, oklch(74.80% 0.1474 143.60) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.669 | 0.146 | 58.4 |
| 2 | 0.547 | 0.107 | 38.3 |
| 3 | 0.469 | 0.047 | -20.9 |
| 4 | 0.508 | 0.052 | -126.6 |
| 5 | 0.63 | 0.087 | -186.8 |
| 6 | 0.748 | 0.147 | -216.4 |

## In these collections

- [Tomato vine abundance](https://grabient.com/tomato-vine-abundance)

## Other forms

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