# Tritone teal, purple and blue angular gradient

Tritone teal, purple and blue angular gradient with 80 colors: #72d2c0, #79d3bd, #81d5bc, #8ad7ba, #95dab9, #a0ddb9, #ace0b9, #b8e3bb, #c4e6bd, #cfe9bf, #daecc3, #e3eec7, #ecf0cc, #f3f2d1, #f8f3d5, #fcf3da, #fef3dd, #fef2df, #fdf0e0, #faece0, #f5e7dd, #eee0d8, #e5d8d2, #d9cdc9, #cdc1bf, #bfb4b3, #b0a6a6, #a09899, #91898b, #817b7d, #726c6f, #635e61, #565154, #494448, #3d393e, #332f34, #2a262c, #221f26, #1d1921, #18151e, #16121e, #15101e, #161021, #181024, #1b1129, #20122f, #271436, #2f173d, #371945, #411c4c, #4c1f53, #58225a, #642561, #702967, #7c2c6d, #872f72, #913378, #99367d, #a03a83, #a53d89, #a74090, #a74497, #a648a0, #a44da8, #9f52b1, #9a57b9, #935dc0, #8b62c5, #8168ca, #776ecc, #6d73cd, #6278cc, #587cca, #4e80c7, #4584c3, #3d87be, #3789ba, #328bb6, #2f8db3, #2e8eb0. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWy0WAd4exxkIMdDu0RzSSyg`
- Page: https://grabient.com/kWy0WAd4exxkIMdDu0RzSSyg?style=angularGradient&steps=80&angle=225
- Drawn as: angular gradient, 80 steps, 225 degrees
- Kinds: dark center
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 16.9 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 | `#72d2c0` | `oklch(79.92% 0.0951 180.00)` | Downy | black, 11.6 to 1 |
| 2 | `#79d3bd` | `oklch(80.42% 0.0929 176.68)` | Green Parakeet | black, 11.8 to 1 |
| 3 | `#81d5bc` | `oklch(81.19% 0.0902 172.79)` | Green Parakeet | black, 12.1 to 1 |
| 4 | `#8ad7ba` | `oklch(82.17% 0.0871 168.38)` | Cabbage | black, 12.5 to 1 |
| 5 | `#95dab9` | `oklch(83.33% 0.0836 163.51)` | Green Jewel | black, 13 to 1 |
| 6 | `#a0ddb9` | `oklch(84.63% 0.0797 158.20)` | Birthday King | black, 13.5 to 1 |
| 7 | `#ace0b9` | `oklch(86.03% 0.0755 152.51)` | Celtic Spring | black, 14.1 to 1 |
| 8 | `#b8e3bb` | `oklch(87.49% 0.0711 146.50)` | Fringy Flower | black, 14.7 to 1 |
| 9 | `#c4e6bd` | `oklch(88.97% 0.0666 140.19)` | Sweet Menthol | black, 15.4 to 1 |
| 10 | `#cfe9bf` | `oklch(90.43% 0.0619 133.64)` | Sweet Spring | black, 16 to 1 |
| 11 | `#daecc3` | `oklch(91.83% 0.0572 126.91)` | Greenette | black, 16.7 to 1 |
| 12 | `#e3eec7` | `oklch(93.13% 0.0525 120.02)` | Earth Happiness | black, 17.3 to 1 |
| 13 | `#ecf0cc` | `oklch(94.29% 0.0479 113.03)` | Passionate Pause | black, 17.9 to 1 |
| 14 | `#f3f2d1` | `oklch(95.26% 0.0433 105.99)` | Lime Blossom | black, 18.3 to 1 |
| 15 | `#f8f3d5` | `oklch(96.02% 0.0390 98.94)` | French 75 | black, 18.7 to 1 |
| 16 | `#fcf3da` | `oklch(96.52% 0.0349 91.93)` | Tulip Petals | black, 19 to 1 |
| 17 | `#fef3dd` | `oklch(96.72% 0.0312 85.00)` | Xâkestari White | black, 19 to 1 |
| 18 | `#fef2df` | `oklch(96.57% 0.0277 78.21)` | Pale Pearl | black, 18.9 to 1 |
| 19 | `#fdf0e0` | `oklch(96.05% 0.0247 71.60)` | Award Winning White | black, 18.6 to 1 |
| 20 | `#faece0` | `oklch(95.10% 0.0222 65.20)` | White Canvas | black, 18.1 to 1 |
| 21 | `#f5e7dd` | `oklch(93.69% 0.0202 59.06)` | Grandma’s Cameo | black, 17.3 to 1 |
| 22 | `#eee0d8` | `oklch(91.64% 0.0184 52.73)` | Ginger Cream | black, 16.3 to 1 |
| 23 | `#e5d8d2` | `oklch(88.96% 0.0166 46.08)` | Sentimental | black, 15 to 1 |
| 24 | `#d9cdc9` | `oklch(85.72% 0.0150 39.16)` | Thought | black, 13.5 to 1 |
| 25 | `#cdc1bf` | `oklch(81.99% 0.0134 32.03)` | Dusky Violet | black, 11.9 to 1 |
| 26 | `#bfb4b3` | `oklch(77.86% 0.0120 24.76)` | Pink Swan | black, 10.3 to 1 |
| 27 | `#b0a6a6` | `oklch(73.40% 0.0107 17.41)` | Cool Lavender | black, 8.8 to 1 |
| 28 | `#a09899` | `oklch(68.69% 0.0097 10.04)` | Sugar Tree | black, 7.4 to 1 |
| 29 | `#91898b` | `oklch(63.80% 0.0088 2.71)` | Zinc | black, 6.1 to 1 |
| 30 | `#817b7d` | `oklch(58.82% 0.0082 355.48)` | Storm Front | black, 5 to 1 |
| 31 | `#726c6f` | `oklch(53.81% 0.0078 348.41)` | Deep Greige | white, 5.1 to 1 |
| 32 | `#635e61` | `oklch(48.85% 0.0077 341.57)` | Phantom Hue | white, 6.3 to 1 |
| 33 | `#565154` | `oklch(44.02% 0.0080 335.02)` | Soft Panther | white, 7.7 to 1 |
| 34 | `#494448` | `oklch(39.40% 0.0085 328.81)` | Violet Black | white, 9.4 to 1 |
| 35 | `#3d393e` | `oklch(35.07% 0.0095 323.01)` | Moonless Night | white, 11.3 to 1 |
| 36 | `#332f34` | `oklch(31.09% 0.0108 317.69)` | Lava Black | white, 13.1 to 1 |
| 37 | `#2a262c` | `oklch(27.55% 0.0125 312.89)` | Black Onyx | white, 14.8 to 1 |
| 38 | `#221f26` | `oklch(24.52% 0.0146 308.69)` | Wet Charcoal | white, 16.2 to 1 |
| 39 | `#1d1921` | `oklch(22.07% 0.0172 305.14)` | Night Demons | white, 17.3 to 1 |
| 40 | `#18151e` | `oklch(20.30% 0.0203 302.30)` | Eigengrau | white, 18 to 1 |
| 41 | `#16121e` | `oklch(19.24% 0.0240 300.29)` | Back in Black | white, 18.4 to 1 |
| 42 | `#15101e` | `oklch(18.80% 0.0287 299.36)` | Corbeau | white, 18.6 to 1 |
| 43 | `#161021` | `oklch(18.89% 0.0345 299.44)` | Corbeau | white, 18.6 to 1 |
| 44 | `#181024` | `oklch(19.48% 0.0412 300.42)` | Corbeau | white, 18.4 to 1 |
| 45 | `#1b1129` | `oklch(20.50% 0.0487 302.18)` | Inside | white, 18 to 1 |
| 46 | `#20122f` | `oklch(21.91% 0.0568 304.58)` | Blacklist | white, 17.5 to 1 |
| 47 | `#271436` | `oklch(23.65% 0.0654 307.52)` | Blacklist | white, 16.9 to 1 |
| 48 | `#2f173d` | `oklch(25.68% 0.0743 310.88)` | Blackcurrant | white, 16 to 1 |
| 49 | `#371945` | `oklch(27.93% 0.0835 314.53)` | Russian Violet | white, 15.1 to 1 |
| 50 | `#411c4c` | `oklch(30.35% 0.0928 318.35)` | Obsidian Orchid | white, 14 to 1 |
| 51 | `#4c1f53` | `oklch(32.91% 0.1021 322.22)` | Wonka Purple | white, 12.8 to 1 |
| 52 | `#58225a` | `oklch(35.53% 0.1112 326.03)` | Purple Velour | white, 11.7 to 1 |
| 53 | `#642561` | `oklch(38.18% 0.1200 329.65)` | Charisma | white, 10.5 to 1 |
| 54 | `#702967` | `oklch(40.79% 0.1283 332.96)` | Byzantium | white, 9.5 to 1 |
| 55 | `#7c2c6d` | `oklch(43.32% 0.1361 335.85)` | Grape Juice | white, 8.6 to 1 |
| 56 | `#872f72` | `oklch(45.71% 0.1432 338.18)` | Violet Vixen | white, 7.8 to 1 |
| 57 | `#913378` | `oklch(47.91% 0.1495 339.85)` | Magenta Red | white, 7.1 to 1 |
| 58 | `#99367d` | `oklch(49.88% 0.1548 340.74)` | Purple Wine | white, 6.5 to 1 |
| 59 | `#a03a83` | `oklch(51.55% 0.1591 340.71)` | Wild Aster | white, 6.1 to 1 |
| 60 | `#a53d89` | `oklch(52.88% 0.1621 339.66)` | Wild Aster | white, 5.8 to 1 |
| 61 | `#a74090` | `oklch(53.90% 0.1638 337.50)` | Romantic Rose | white, 5.5 to 1 |
| 62 | `#a74497` | `oklch(54.80% 0.1643 334.35)` | Aged Purple | white, 5.3 to 1 |
| 63 | `#a648a0` | `oklch(55.59% 0.1639 330.32)` | Aged Purple | white, 5.1 to 1 |
| 64 | `#a44da8` | `oklch(56.30% 0.1625 325.51)` | Purpureus | white, 5 to 1 |
| 65 | `#9f52b1` | `oklch(56.92% 0.1604 320.02)` | Purple Plum | white, 4.8 to 1 |
| 66 | `#9a57b9` | `oklch(57.45% 0.1575 313.95)` | Liberal Lilac | white, 4.7 to 1 |
| 67 | `#935dc0` | `oklch(57.92% 0.1540 307.41)` | Trunks Hair | white, 4.6 to 1 |
| 68 | `#8b62c5` | `oklch(58.32% 0.1500 300.50)` | Lusty Lavender | black, 4.6 to 1 |
| 69 | `#8168ca` | `oklch(58.66% 0.1457 293.33)` | Lavish Spending | black, 4.7 to 1 |
| 70 | `#776ecc` | `oklch(58.95% 0.1410 285.98)` | C64 Purple | black, 4.8 to 1 |
| 71 | `#6d73cd` | `oklch(59.19% 0.1361 278.58)` | C64 Purple | black, 4.9 to 1 |
| 72 | `#6278cc` | `oklch(59.40% 0.1311 271.22)` | Indigo Light | black, 5 to 1 |
| 73 | `#587cca` | `oklch(59.58% 0.1262 264.00)` | Serenity’s Reign | black, 5.1 to 1 |
| 74 | `#4e80c7` | `oklch(59.74% 0.1214 257.03)` | Worn Denim | black, 5.2 to 1 |
| 75 | `#4584c3` | `oklch(59.89% 0.1168 250.40)` | Casting Sea | black, 5.3 to 1 |
| 76 | `#3d87be` | `oklch(60.02% 0.1125 244.24)` | Pat-A-Pep | black, 5.3 to 1 |
| 77 | `#3789ba` | `oklch(60.16% 0.1086 238.62)` | Walker Lake | black, 5.4 to 1 |
| 78 | `#328bb6` | `oklch(60.30% 0.1053 233.67)` | Hidden Springs | black, 5.5 to 1 |
| 79 | `#2f8db3` | `oklch(60.45% 0.1026 229.47)` | Carol | black, 5.5 to 1 |
| 80 | `#2e8eb0` | `oklch(60.63% 0.1006 226.14)` | Carol | black, 5.6 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #72d2c0 0.0%, #79d3bd 1.3%, #81d5bc 2.5%, #8ad7ba 3.8%, #95dab9 5.1%, #a0ddb9 6.3%, #ace0b9 7.6%, #b8e3bb 8.9%, #c4e6bd 10.1%, #cfe9bf 11.4%, #daecc3 12.7%, #e3eec7 13.9%, #ecf0cc 15.2%, #f3f2d1 16.5%, #f8f3d5 17.7%, #fcf3da 19.0%, #fef3dd 20.3%, #fef2df 21.5%, #fdf0e0 22.8%, #faece0 24.1%, #f5e7dd 25.3%, #eee0d8 26.6%, #e5d8d2 27.8%, #d9cdc9 29.1%, #cdc1bf 30.4%, #bfb4b3 31.6%, #b0a6a6 32.9%, #a09899 34.2%, #91898b 35.4%, #817b7d 36.7%, #726c6f 38.0%, #635e61 39.2%, #565154 40.5%, #494448 41.8%, #3d393e 43.0%, #332f34 44.3%, #2a262c 45.6%, #221f26 46.8%, #1d1921 48.1%, #18151e 49.4%, #16121e 50.6%, #15101e 51.9%, #161021 53.2%, #181024 54.4%, #1b1129 55.7%, #20122f 57.0%, #271436 58.2%, #2f173d 59.5%, #371945 60.8%, #411c4c 62.0%, #4c1f53 63.3%, #58225a 64.6%, #642561 65.8%, #702967 67.1%, #7c2c6d 68.4%, #872f72 69.6%, #913378 70.9%, #99367d 72.2%, #a03a83 73.4%, #a53d89 74.7%, #a74090 75.9%, #a74497 77.2%, #a648a0 78.5%, #a44da8 79.7%, #9f52b1 81.0%, #9a57b9 82.3%, #935dc0 83.5%, #8b62c5 84.8%, #8168ca 86.1%, #776ecc 87.3%, #6d73cd 88.6%, #6278cc 89.9%, #587cca 91.1%, #4e80c7 92.4%, #4584c3 93.7%, #3d87be 94.9%, #3789ba 96.2%, #328bb6 97.5%, #2f8db3 98.7%, #2e8eb0 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(79.92% 0.0951 180.00) 0.0%, oklch(80.42% 0.0929 176.68) 1.3%, oklch(81.19% 0.0902 172.79) 2.5%, oklch(82.17% 0.0871 168.38) 3.8%, oklch(83.33% 0.0836 163.51) 5.1%, oklch(84.63% 0.0797 158.20) 6.3%, oklch(86.03% 0.0755 152.51) 7.6%, oklch(87.49% 0.0711 146.50) 8.9%, oklch(88.97% 0.0666 140.19) 10.1%, oklch(90.43% 0.0619 133.64) 11.4%, oklch(91.83% 0.0572 126.91) 12.7%, oklch(93.13% 0.0525 120.02) 13.9%, oklch(94.29% 0.0479 113.03) 15.2%, oklch(95.26% 0.0433 105.99) 16.5%, oklch(96.02% 0.0390 98.94) 17.7%, oklch(96.52% 0.0349 91.93) 19.0%, oklch(96.72% 0.0312 85.00) 20.3%, oklch(96.57% 0.0277 78.21) 21.5%, oklch(96.05% 0.0247 71.60) 22.8%, oklch(95.10% 0.0222 65.20) 24.1%, oklch(93.69% 0.0202 59.06) 25.3%, oklch(91.64% 0.0184 52.73) 26.6%, oklch(88.96% 0.0166 46.08) 27.8%, oklch(85.72% 0.0150 39.16) 29.1%, oklch(81.99% 0.0134 32.03) 30.4%, oklch(77.86% 0.0120 24.76) 31.6%, oklch(73.40% 0.0107 17.41) 32.9%, oklch(68.69% 0.0097 10.04) 34.2%, oklch(63.80% 0.0088 2.71) 35.4%, oklch(58.82% 0.0082 355.48) 36.7%, oklch(53.81% 0.0078 348.41) 38.0%, oklch(48.85% 0.0077 341.57) 39.2%, oklch(44.02% 0.0080 335.02) 40.5%, oklch(39.40% 0.0085 328.81) 41.8%, oklch(35.07% 0.0095 323.01) 43.0%, oklch(31.09% 0.0108 317.69) 44.3%, oklch(27.55% 0.0125 312.89) 45.6%, oklch(24.52% 0.0146 308.69) 46.8%, oklch(22.07% 0.0172 305.14) 48.1%, oklch(20.30% 0.0203 302.30) 49.4%, oklch(19.24% 0.0240 300.29) 50.6%, oklch(18.80% 0.0287 299.36) 51.9%, oklch(18.89% 0.0345 299.44) 53.2%, oklch(19.48% 0.0412 300.42) 54.4%, oklch(20.50% 0.0487 302.18) 55.7%, oklch(21.91% 0.0568 304.58) 57.0%, oklch(23.65% 0.0654 307.52) 58.2%, oklch(25.68% 0.0743 310.88) 59.5%, oklch(27.93% 0.0835 314.53) 60.8%, oklch(30.35% 0.0928 318.35) 62.0%, oklch(32.91% 0.1021 322.22) 63.3%, oklch(35.53% 0.1112 326.03) 64.6%, oklch(38.18% 0.1200 329.65) 65.8%, oklch(40.79% 0.1283 332.96) 67.1%, oklch(43.32% 0.1361 335.85) 68.4%, oklch(45.71% 0.1432 338.18) 69.6%, oklch(47.91% 0.1495 339.85) 70.9%, oklch(49.88% 0.1548 340.74) 72.2%, oklch(51.55% 0.1591 340.71) 73.4%, oklch(52.88% 0.1621 339.66) 74.7%, oklch(53.90% 0.1638 337.50) 75.9%, oklch(54.80% 0.1643 334.35) 77.2%, oklch(55.59% 0.1639 330.32) 78.5%, oklch(56.30% 0.1625 325.51) 79.7%, oklch(56.92% 0.1604 320.02) 81.0%, oklch(57.45% 0.1575 313.95) 82.3%, oklch(57.92% 0.1540 307.41) 83.5%, oklch(58.32% 0.1500 300.50) 84.8%, oklch(58.66% 0.1457 293.33) 86.1%, oklch(58.95% 0.1410 285.98) 87.3%, oklch(59.19% 0.1361 278.58) 88.6%, oklch(59.40% 0.1311 271.22) 89.9%, oklch(59.58% 0.1262 264.00) 91.1%, oklch(59.74% 0.1214 257.03) 92.4%, oklch(59.89% 0.1168 250.40) 93.7%, oklch(60.02% 0.1125 244.24) 94.9%, oklch(60.16% 0.1086 238.62) 96.2%, oklch(60.30% 0.1053 233.67) 97.5%, oklch(60.45% 0.1026 229.47) 98.7%, oklch(60.63% 0.1006 226.14) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.799 | 0.095 | 180 |
| 2 | 0.941 | 0.021 | 60.6 |
| 3 | 0.197 | 0.022 | -58.8 |
| 4 | 0.531 | 0.163 | -20.8 |
| 5 | 0.606 | 0.101 | -133.9 |

## Other forms

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