# Tritone teal, olive and orange radial gradient

Tritone teal, olive and orange radial gradient with 40 colors: #123d53, #0c4357, #034a5b, #00535d, #005c5e, #00675e, #15715b, #307b55, #4a834d, #648943, #7c8e38, #92912f, #a59229, #b39326, #be9227, #c7902a, #ce8d2f, #d48a35, #d7873b, #d98340, #da8044, #d97d46, #d87b47, #d67945, #d37842, #cf783d, #cc7936, #c67b2c, #bd7f1e, #af8414, #9e8a19, #88902c, #6f9442, #529758, #32976d, #019680, #00928e, #008e99, #008ba3, #1888a8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUVyynVa2u9Mvu9KJdOg`
- Page: https://grabient.com/kUVyynVa2u9Mvu9KJdOg?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: light center, vivid, multicolor
- Hues: two-hue
- 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 | `#123d53` | `oklch(34.25% 0.0606 234.84)` | Duskwood | white, 11.5 to 1 |
| 2 | `#0c4357` | `oklch(35.81% 0.0637 228.20)` | Crab Nebula | white, 10.7 to 1 |
| 3 | `#034a5b` | `oklch(37.87% 0.0676 219.56)` | Nocturnal Expedition | white, 9.8 to 1 |
| 4 | `#00535d` | `oklch(40.35% 0.0696 209.28)` | Blue Period | white, 8.8 to 1 |
| 5 | `#005c5e` | `oklch(43.14% 0.0734 197.66)` | Enamelled Jewel | white, 7.7 to 1 |
| 6 | `#00675e` | `oklch(46.16% 0.0813 185.07)` | Arizona Stone | white, 6.7 to 1 |
| 7 | `#15715b` | `oklch(49.31% 0.0896 171.89)` | Tropical Rainforest | white, 5.8 to 1 |
| 8 | `#307b55` | `oklch(52.51% 0.0958 158.42)` | Canadian Pine | white, 5.1 to 1 |
| 9 | `#4a834d` | `oklch(55.65% 0.1019 145.02)` | Kilkenny | black, 4.6 to 1 |
| 10 | `#648943` | `oklch(58.65% 0.1077 132.03)` | Homegrown | black, 5.2 to 1 |
| 11 | `#7c8e38` | `oklch(61.41% 0.1132 119.80)` | Sassy Grass | black, 5.7 to 1 |
| 12 | `#92912f` | `oklch(63.83% 0.1180 108.68)` | Bean Shoot | black, 6.3 to 1 |
| 13 | `#a59229` | `oklch(65.84% 0.1222 99.01)` | Rapeseed Oil | black, 6.7 to 1 |
| 14 | `#b39326` | `oklch(67.32% 0.1254 91.13)` | Faint Gold | black, 7 to 1 |
| 15 | `#be9227` | `oklch(68.33% 0.1278 84.32)` | Nugget | black, 7.3 to 1 |
| 16 | `#c7902a` | `oklch(69.00% 0.1298 77.74)` | Mecca Gold | black, 7.4 to 1 |
| 17 | `#ce8d2f` | `oklch(69.37% 0.1314 71.51)` | Fuel Yellow | black, 7.4 to 1 |
| 18 | `#d48a35` | `oklch(69.47% 0.1325 65.75)` | Caramelise | black, 7.4 to 1 |
| 19 | `#d7873b` | `oklch(69.35% 0.1333 60.60)` | Dull Orange | black, 7.4 to 1 |
| 20 | `#d98340` | `oklch(69.05% 0.1338 56.17)` | Mexican Spirit | black, 7.2 to 1 |
| 21 | `#da8044` | `oklch(68.61% 0.1340 52.60)` | Seraphim Sepia | black, 7.1 to 1 |
| 22 | `#d97d46` | `oklch(68.08% 0.1339 50.01)` | Sweet Potato | black, 6.9 to 1 |
| 23 | `#d87b47` | `oklch(67.49% 0.1336 48.53)` | Japanese Koi | black, 6.8 to 1 |
| 24 | `#d67945` | `oklch(66.88% 0.1331 48.29)` | Japanese Koi | black, 6.6 to 1 |
| 25 | `#d37842` | `oklch(66.29% 0.1325 49.41)` | Marquis Orange | black, 6.5 to 1 |
| 26 | `#cf783d` | `oklch(65.77% 0.1317 52.02)` | Wulfenite | black, 6.4 to 1 |
| 27 | `#cc7936` | `oklch(65.35% 0.1309 56.25)` | Ochre Maroon | black, 6.3 to 1 |
| 28 | `#c67b2c` | `oklch(64.96% 0.1298 62.94)` | Maine Coon Orange | black, 6.2 to 1 |
| 29 | `#bd7f1e` | `oklch(64.47% 0.1282 72.50)` | Guo Tie Dumpling | black, 6.2 to 1 |
| 30 | `#af8414` | `oklch(63.92% 0.1262 84.42)` | Chestnut Gold | black, 6.1 to 1 |
| 31 | `#9e8a19` | `oklch(63.32% 0.1240 98.22)` | Offbeat Green | black, 6.1 to 1 |
| 32 | `#88902c` | `oklch(62.68% 0.1215 113.37)` | Wasabi Nuts | black, 6 to 1 |
| 33 | `#6f9442` | `oklch(62.02% 0.1188 129.39)` | Lattice Green | black, 5.9 to 1 |
| 34 | `#529758` | `oklch(61.36% 0.1161 145.75)` | Wicked Witch | black, 5.9 to 1 |
| 35 | `#32976d` | `oklch(60.71% 0.1134 161.97)` | Ocean Green | black, 5.7 to 1 |
| 36 | `#019680` | `oklch(60.09% 0.1109 177.54)` | Aqua Waters | black, 5.6 to 1 |
| 37 | `#00928e` | `oklch(59.53% 0.1022 191.95)` | Supermint | black, 5.4 to 1 |
| 38 | `#008e99` | `oklch(59.02% 0.1007 204.71)` | Coral Coast | black, 5.3 to 1 |
| 39 | `#008ba3` | `oklch(58.60% 0.1037 215.31)` | Parrot Flight | black, 5.2 to 1 |
| 40 | `#1888a8` | `oklch(58.27% 0.1033 223.22)` | Capri Breeze | black, 5.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #123d53 0.0%, #0c4357 2.6%, #034a5b 5.1%, #00535d 7.7%, #005c5e 10.3%, #00675e 12.8%, #15715b 15.4%, #307b55 17.9%, #4a834d 20.5%, #648943 23.1%, #7c8e38 25.6%, #92912f 28.2%, #a59229 30.8%, #b39326 33.3%, #be9227 35.9%, #c7902a 38.5%, #ce8d2f 41.0%, #d48a35 43.6%, #d7873b 46.2%, #d98340 48.7%, #da8044 51.3%, #d97d46 53.8%, #d87b47 56.4%, #d67945 59.0%, #d37842 61.5%, #cf783d 64.1%, #cc7936 66.7%, #c67b2c 69.2%, #bd7f1e 71.8%, #af8414 74.4%, #9e8a19 76.9%, #88902c 79.5%, #6f9442 82.1%, #529758 84.6%, #32976d 87.2%, #019680 89.7%, #00928e 92.3%, #008e99 94.9%, #008ba3 97.4%, #1888a8 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(34.25% 0.0606 234.84) 0.0%, oklch(35.81% 0.0637 228.20) 2.6%, oklch(37.87% 0.0676 219.56) 5.1%, oklch(40.35% 0.0696 209.28) 7.7%, oklch(43.14% 0.0734 197.66) 10.3%, oklch(46.16% 0.0813 185.07) 12.8%, oklch(49.31% 0.0896 171.89) 15.4%, oklch(52.51% 0.0958 158.42) 17.9%, oklch(55.65% 0.1019 145.02) 20.5%, oklch(58.65% 0.1077 132.03) 23.1%, oklch(61.41% 0.1132 119.80) 25.6%, oklch(63.83% 0.1180 108.68) 28.2%, oklch(65.84% 0.1222 99.01) 30.8%, oklch(67.32% 0.1254 91.13) 33.3%, oklch(68.33% 0.1278 84.32) 35.9%, oklch(69.00% 0.1298 77.74) 38.5%, oklch(69.37% 0.1314 71.51) 41.0%, oklch(69.47% 0.1325 65.75) 43.6%, oklch(69.35% 0.1333 60.60) 46.2%, oklch(69.05% 0.1338 56.17) 48.7%, oklch(68.61% 0.1340 52.60) 51.3%, oklch(68.08% 0.1339 50.01) 53.8%, oklch(67.49% 0.1336 48.53) 56.4%, oklch(66.88% 0.1331 48.29) 59.0%, oklch(66.29% 0.1325 49.41) 61.5%, oklch(65.77% 0.1317 52.02) 64.1%, oklch(65.35% 0.1309 56.25) 66.7%, oklch(64.96% 0.1298 62.94) 69.2%, oklch(64.47% 0.1282 72.50) 71.8%, oklch(63.92% 0.1262 84.42) 74.4%, oklch(63.32% 0.1240 98.22) 76.9%, oklch(62.68% 0.1215 113.37) 79.5%, oklch(62.02% 0.1188 129.39) 82.1%, oklch(61.36% 0.1161 145.75) 84.6%, oklch(60.71% 0.1134 161.97) 87.2%, oklch(60.09% 0.1109 177.54) 89.7%, oklch(59.53% 0.1022 191.95) 92.3%, oklch(59.02% 0.1007 204.71) 94.9%, oklch(58.60% 0.1037 215.31) 97.4%, oklch(58.27% 0.1033 223.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.343 | 0.061 | 234.8 |
| 2 | 0.673 | 0.125 | 91.1 |
| 3 | 0.654 | 0.131 | 56.3 |
| 4 | 0.583 | 0.103 | 223.2 |

## In these collections

- [Kerala riverboat regatta](https://grabient.com/kerala-riverboat-regatta)
- [Between tides](https://grabient.com/between-tides)

## Other forms

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