# Tritone blue, teal and lavender radial gradient

Tritone blue, teal and lavender radial gradient with 56 colors: #215ae6, #105ce2, #0060d4, #0064c1, #0066b1, #0067a4, #006798, #00668e, #006485, #00637c, #006175, #00606f, #005f6a, #005d65, #005d62, #005c5f, #005c5e, #005c5e, #135d5e, #1e5d61, #275f64, #30616a, #396470, #426877, #4c6c7e, #567085, #61748b, #6c7892, #777d98, #82829d, #8c86a1, #968ba5, #9e8fa8, #a693ab, #ad97ad, #b29aaf, #b59cb1, #b79db2, #b89db4, #b79db6, #b59cb8, #b19bba, #ac99bd, #a498bf, #9c96c0, #9195c1, #8694c1, #7893c0, #6a92bc, #5c92b8, #4d91b2, #3e91ab, #3090a3, #238f9b, #178e95, #0d8e8f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUhaC7t5g4NwPz9Ko6_A`
- Page: https://grabient.com/kUhaC7t5g4NwPz9Ko6_A?style=radialGradient&steps=56&angle=0
- Drawn as: radial gradient, 56 steps, 0 degrees
- Kinds: cool
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#215ae6` | `oklch(52.36% 0.2205 263.67)` | Veteran’s Day Blue | white, 5.7 to 1 |
| 2 | `#105ce2` | `oklch(52.05% 0.2156 261.41)` | Chun-Li Blue | white, 5.7 to 1 |
| 3 | `#0060d4` | `oklch(51.60% 0.1938 258.32)` | Bnei Brak Bay | white, 5.7 to 1 |
| 4 | `#0064c1` | `oklch(51.03% 0.1651 254.49)` | Blue Diamond | white, 5.8 to 1 |
| 5 | `#0066b1` | `oklch(50.36% 0.1427 250.05)` | Cobalt Stone | white, 5.9 to 1 |
| 6 | `#0067a4` | `oklch(49.62% 0.1253 245.15)` | Medium Persian Blue | white, 6 to 1 |
| 7 | `#006798` | `oklch(48.83% 0.1117 239.91)` | Europe Blue | white, 6.2 to 1 |
| 8 | `#00668e` | `oklch(48.01% 0.1011 234.46)` | Pulsating Blue | white, 6.4 to 1 |
| 9 | `#006485` | `oklch(47.18% 0.0929 228.93)` | Bowerbird Blue | white, 6.6 to 1 |
| 10 | `#00637c` | `oklch(46.37% 0.0867 223.45)` | Jamaican Dream | white, 6.8 to 1 |
| 11 | `#006175` | `oklch(45.60% 0.0820 218.15)` | Ocean Radiance | white, 7 to 1 |
| 12 | `#00606f` | `oklch(44.89% 0.0786 213.15)` | Cool Dive | white, 7.2 to 1 |
| 13 | `#005f6a` | `oklch(44.27% 0.0762 208.58)` | Petrol | white, 7.4 to 1 |
| 14 | `#005d65` | `oklch(43.75% 0.0747 204.59)` | Enamelled Jewel | white, 7.5 to 1 |
| 15 | `#005d62` | `oklch(43.36% 0.0737 201.28)` | Enamelled Jewel | white, 7.7 to 1 |
| 16 | `#005c5f` | `oklch(43.12% 0.0733 198.80)` | Enamelled Jewel | white, 7.7 to 1 |
| 17 | `#005c5e` | `oklch(43.06% 0.0733 197.28)` | Enamelled Jewel | white, 7.8 to 1 |
| 18 | `#005c5e` | `oklch(43.19% 0.0735 196.84)` | Enamelled Jewel | white, 7.7 to 1 |
| 19 | `#135d5e` | `oklch(43.53% 0.0678 197.60)` | Emerald Pool | white, 7.6 to 1 |
| 20 | `#1e5d61` | `oklch(44.14% 0.0630 199.83)` | Deep Sea Diver | white, 7.4 to 1 |
| 21 | `#275f64` | `oklch(45.07% 0.0588 203.87)` | Gulf Harbour | white, 7.2 to 1 |
| 22 | `#30616a` | `oklch(46.28% 0.0551 209.51)` | After the Storm | white, 6.8 to 1 |
| 23 | `#396470` | `oklch(47.74% 0.0518 216.54)` | Smock Blue | white, 6.4 to 1 |
| 24 | `#426877` | `oklch(49.40% 0.0490 224.72)` | Teal Mosaic | white, 6 to 1 |
| 25 | `#4c6c7e` | `oklch(51.23% 0.0467 233.83)` | Oceanic | white, 5.6 to 1 |
| 26 | `#567085` | `oklch(53.19% 0.0447 243.63)` | Captains Blue | white, 5.2 to 1 |
| 27 | `#61748b` | `oklch(55.24% 0.0431 253.90)` | Lost Atlantis | white, 4.7 to 1 |
| 28 | `#6c7892` | `oklch(57.33% 0.0418 264.41)` | Noble Blue | black, 4.7 to 1 |
| 29 | `#777d98` | `oklch(59.45% 0.0409 274.93)` | Waterloo | black, 5.1 to 1 |
| 30 | `#82829d` | `oklch(61.53% 0.0403 285.22)` | Blue Intrigue | black, 5.6 to 1 |
| 31 | `#8c86a1` | `oklch(63.55% 0.0399 295.07)` | Mandrake | black, 6 to 1 |
| 32 | `#968ba5` | `oklch(65.46% 0.0398 304.24)` | Smoky Mauve | black, 6.5 to 1 |
| 33 | `#9e8fa8` | `oklch(67.23% 0.0400 312.51)` | Ancestry Violet | black, 6.9 to 1 |
| 34 | `#a693ab` | `oklch(68.82% 0.0403 319.64)` | Garden Flower | black, 7.3 to 1 |
| 35 | `#ad97ad` | `oklch(70.18% 0.0408 325.40)` | Lilac Lustre | black, 7.7 to 1 |
| 36 | `#b29aaf` | `oklch(71.28% 0.0414 329.57)` | Veiled Violet | black, 8 to 1 |
| 37 | `#b59cb1` | `oklch(72.09% 0.0422 331.92)` | Pastel Purple | black, 8.3 to 1 |
| 38 | `#b79db2` | `oklch(72.56% 0.0430 332.23)` | Pastel Purple | black, 8.4 to 1 |
| 39 | `#b89db4` | `oklch(72.73% 0.0444 330.57)` | Pastel Purple | black, 8.5 to 1 |
| 40 | `#b79db6` | `oklch(72.65% 0.0463 327.16)` | Pastel Purple | black, 8.4 to 1 |
| 41 | `#b59cb8` | `oklch(72.34% 0.0487 322.19)` | Tuileries Tint | black, 8.4 to 1 |
| 42 | `#b19bba` | `oklch(71.82% 0.0515 315.88)` | Grape Smoke | black, 8.2 to 1 |
| 43 | `#ac99bd` | `oklch(71.13% 0.0547 308.40)` | Purple Springs | black, 8 to 1 |
| 44 | `#a498bf` | `oklch(70.29% 0.0581 299.96)` | Ode to Purple | black, 7.8 to 1 |
| 45 | `#9c96c0` | `oklch(69.33% 0.0618 290.77)` | Vision Quest | black, 7.5 to 1 |
| 46 | `#9195c1` | `oklch(68.28% 0.0656 281.01)` | Easter Egg | black, 7.2 to 1 |
| 47 | `#8694c1` | `oklch(67.16% 0.0695 270.88)` | PHP Purple | black, 7 to 1 |
| 48 | `#7893c0` | `oklch(66.00% 0.0734 260.59)` | King Neptune | black, 6.7 to 1 |
| 49 | `#6a92bc` | `oklch(64.83% 0.0773 250.33)` | Blue Marble | black, 6.4 to 1 |
| 50 | `#5c92b8` | `oklch(63.68% 0.0810 240.30)` | Scuba | black, 6.2 to 1 |
| 51 | `#4d91b2` | `oklch(62.58% 0.0847 230.70)` | Jet Ski | black, 6 to 1 |
| 52 | `#3e91ab` | `oklch(61.54% 0.0880 221.73)` | Blue Moon | black, 5.8 to 1 |
| 53 | `#3090a3` | `oklch(60.60% 0.0911 213.57)` | Scooter | black, 5.6 to 1 |
| 54 | `#238f9b` | `oklch(59.79% 0.0938 206.44)` | Coral Coast | black, 5.4 to 1 |
| 55 | `#178e95` | `oklch(59.14% 0.0961 200.53)` | Christina Brown | black, 5.3 to 1 |
| 56 | `#0d8e8f` | `oklch(58.66% 0.0978 196.04)` | Forever Teal | black, 5.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #215ae6 0.0%, #105ce2 1.8%, #0060d4 3.6%, #0064c1 5.5%, #0066b1 7.3%, #0067a4 9.1%, #006798 10.9%, #00668e 12.7%, #006485 14.5%, #00637c 16.4%, #006175 18.2%, #00606f 20.0%, #005f6a 21.8%, #005d65 23.6%, #005d62 25.5%, #005c5f 27.3%, #005c5e 29.1%, #005c5e 30.9%, #135d5e 32.7%, #1e5d61 34.5%, #275f64 36.4%, #30616a 38.2%, #396470 40.0%, #426877 41.8%, #4c6c7e 43.6%, #567085 45.5%, #61748b 47.3%, #6c7892 49.1%, #777d98 50.9%, #82829d 52.7%, #8c86a1 54.5%, #968ba5 56.4%, #9e8fa8 58.2%, #a693ab 60.0%, #ad97ad 61.8%, #b29aaf 63.6%, #b59cb1 65.5%, #b79db2 67.3%, #b89db4 69.1%, #b79db6 70.9%, #b59cb8 72.7%, #b19bba 74.5%, #ac99bd 76.4%, #a498bf 78.2%, #9c96c0 80.0%, #9195c1 81.8%, #8694c1 83.6%, #7893c0 85.5%, #6a92bc 87.3%, #5c92b8 89.1%, #4d91b2 90.9%, #3e91ab 92.7%, #3090a3 94.5%, #238f9b 96.4%, #178e95 98.2%, #0d8e8f 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(52.36% 0.2205 263.67) 0.0%, oklch(52.05% 0.2156 261.41) 1.8%, oklch(51.60% 0.1938 258.32) 3.6%, oklch(51.03% 0.1651 254.49) 5.5%, oklch(50.36% 0.1427 250.05) 7.3%, oklch(49.62% 0.1253 245.15) 9.1%, oklch(48.83% 0.1117 239.91) 10.9%, oklch(48.01% 0.1011 234.46) 12.7%, oklch(47.18% 0.0929 228.93) 14.5%, oklch(46.37% 0.0867 223.45) 16.4%, oklch(45.60% 0.0820 218.15) 18.2%, oklch(44.89% 0.0786 213.15) 20.0%, oklch(44.27% 0.0762 208.58) 21.8%, oklch(43.75% 0.0747 204.59) 23.6%, oklch(43.36% 0.0737 201.28) 25.5%, oklch(43.12% 0.0733 198.80) 27.3%, oklch(43.06% 0.0733 197.28) 29.1%, oklch(43.19% 0.0735 196.84) 30.9%, oklch(43.53% 0.0678 197.60) 32.7%, oklch(44.14% 0.0630 199.83) 34.5%, oklch(45.07% 0.0588 203.87) 36.4%, oklch(46.28% 0.0551 209.51) 38.2%, oklch(47.74% 0.0518 216.54) 40.0%, oklch(49.40% 0.0490 224.72) 41.8%, oklch(51.23% 0.0467 233.83) 43.6%, oklch(53.19% 0.0447 243.63) 45.5%, oklch(55.24% 0.0431 253.90) 47.3%, oklch(57.33% 0.0418 264.41) 49.1%, oklch(59.45% 0.0409 274.93) 50.9%, oklch(61.53% 0.0403 285.22) 52.7%, oklch(63.55% 0.0399 295.07) 54.5%, oklch(65.46% 0.0398 304.24) 56.4%, oklch(67.23% 0.0400 312.51) 58.2%, oklch(68.82% 0.0403 319.64) 60.0%, oklch(70.18% 0.0408 325.40) 61.8%, oklch(71.28% 0.0414 329.57) 63.6%, oklch(72.09% 0.0422 331.92) 65.5%, oklch(72.56% 0.0430 332.23) 67.3%, oklch(72.73% 0.0444 330.57) 69.1%, oklch(72.65% 0.0463 327.16) 70.9%, oklch(72.34% 0.0487 322.19) 72.7%, oklch(71.82% 0.0515 315.88) 74.5%, oklch(71.13% 0.0547 308.40) 76.4%, oklch(70.29% 0.0581 299.96) 78.2%, oklch(69.33% 0.0618 290.77) 80.0%, oklch(68.28% 0.0656 281.01) 81.8%, oklch(67.16% 0.0695 270.88) 83.6%, oklch(66.00% 0.0734 260.59) 85.5%, oklch(64.83% 0.0773 250.33) 87.3%, oklch(63.68% 0.0810 240.30) 89.1%, oklch(62.58% 0.0847 230.70) 90.9%, oklch(61.54% 0.0880 221.73) 92.7%, oklch(60.60% 0.0911 213.57) 94.5%, oklch(59.79% 0.0938 206.44) 96.4%, oklch(59.14% 0.0961 200.53) 98.2%, oklch(58.66% 0.0978 196.04) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.524 | 0.22 | 263.7 |
| 2 | 0.437 | 0.066 | 198.2 |
| 3 | 0.724 | 0.043 | 332.4 |
| 4 | 0.587 | 0.098 | 196 |

## Other forms

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