# Triadic navy, teal, green and brown radial gradient

Triadic navy, teal, green and brown radial gradient with 32 colors: #252836, #282d40, #2d334e, #313c5f, #364674, #39518b, #3b5ea4, #3a6bbe, #347ad8, #2189f2, #139aff, #2ea9ff, #40b7ff, #4ac3ff, #4accff, #37d3ff, #00d8fa, #00d8ea, #00d5d7, #00d0bf, #00c9a3, #00c07e, #31b44f, #62a02c, #758d0e, #7d7a07, #7c6a16, #755c24, #6c512d, #624933, #584436, #504038. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kSRxPE5105DEJrA`
- Page: https://grabient.com/kSRxPE5105DEJrA?style=radialGradient&steps=32&angle=180
- Drawn as: radial gradient, 32 steps, 180 degrees
- Kinds: light center, vivid
- Hues: two-hue
- Contrast of its darkest and lightest colors: 8.5 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 | `#252836` | `oklch(27.95% 0.0262 276.33)` | Sky Captain | white, 14.6 to 1 |
| 2 | `#282d40` | `oklch(30.07% 0.0354 274.43)` | Navy Blazer | white, 13.6 to 1 |
| 3 | `#2d334e` | `oklch(32.90% 0.0479 272.47)` | Blue Lobelia | white, 12.3 to 1 |
| 4 | `#313c5f` | `oklch(36.34% 0.0632 270.40)` | Bay of Many | white, 10.8 to 1 |
| 5 | `#364674` | `oklch(40.26% 0.0806 268.17)` | Daring Indigo | white, 9.2 to 1 |
| 6 | `#39518b` | `oklch(44.54% 0.0996 265.75)` | Tory Blue | white, 7.6 to 1 |
| 7 | `#3b5ea4` | `oklch(49.06% 0.1197 263.10)` | International | white, 6.3 to 1 |
| 8 | `#3a6bbe` | `oklch(53.70% 0.1402 260.17)` | Matt Blue | white, 5.2 to 1 |
| 9 | `#347ad8` | `oklch(58.34% 0.1607 256.92)` | Soothing Sapphire | black, 4.9 to 1 |
| 10 | `#2189f2` | `oklch(62.86% 0.1806 253.32)` | Pool Water | black, 5.9 to 1 |
| 11 | `#139aff` | `oklch(67.15% 0.1816 249.30)` | Blue Nebula | black, 7 to 1 |
| 12 | `#2ea9ff` | `oklch(71.08% 0.1621 244.85)` | Xed | black, 8.2 to 1 |
| 13 | `#40b7ff` | `oklch(74.53% 0.1467 239.91)` | Glitter Lake | black, 9.4 to 1 |
| 14 | `#4ac3ff` | `oklch(77.38% 0.1363 234.44)` | Shovel Knight | black, 10.5 to 1 |
| 15 | `#4accff` | `oklch(79.51% 0.1322 228.41)` | Thor’s Thunder | black, 11.3 to 1 |
| 16 | `#37d3ff` | `oklch(80.81% 0.1371 221.77)` | Libra Blue Morpho | black, 11.9 to 1 |
| 17 | `#00d8fa` | `oklch(81.16% 0.1429 214.37)` | Neon Blue | black, 12.2 to 1 |
| 18 | `#00d8ea` | `oklch(80.59% 0.1378 205.58)` | Thousand Sons Blue | black, 12 to 1 |
| 19 | `#00d5d7` | `oklch(79.21% 0.1351 195.51)` | Aztec Turquoise | black, 11.5 to 1 |
| 20 | `#00d0bf` | `oklch(77.14% 0.1364 184.39)` | Exquisite Turquoise | black, 10.7 to 1 |
| 21 | `#00c9a3` | `oklch(74.48% 0.1438 172.43)` | Jadeite | black, 9.8 to 1 |
| 22 | `#00c07e` | `oklch(71.35% 0.1618 159.87)` | Times Square Screens | black, 8.8 to 1 |
| 23 | `#31b44f` | `oklch(67.86% 0.1806 146.94)` | Spandex Green | black, 7.7 to 1 |
| 24 | `#62a02c` | `oklch(64.13% 0.1607 133.84)` | Elven Olympics | black, 6.6 to 1 |
| 25 | `#758d0e` | `oklch(60.25% 0.1402 120.80)` | Canopy | black, 5.5 to 1 |
| 26 | `#7d7a07` | `oklch(56.34% 0.1197 108.05)` | Tool Green | black, 4.6 to 1 |
| 27 | `#7c6a16` | `oklch(52.52% 0.0996 95.82)` | Tarnished Brass | white, 5.3 to 1 |
| 28 | `#755c24` | `oklch(48.90% 0.0806 84.32)` | Moss Brown | white, 6.3 to 1 |
| 29 | `#6c512d` | `oklch(45.58% 0.0632 73.79)` | Chocolate Rain | white, 7.3 to 1 |
| 30 | `#624933` | `oklch(42.68% 0.0479 64.44)` | Beauty Spot | white, 8.3 to 1 |
| 31 | `#584436` | `oklch(40.31% 0.0354 56.49)` | Brown Derby | white, 9.1 to 1 |
| 32 | `#504038` | `oklch(38.58% 0.0262 50.18)` | Paco | white, 9.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #252836 0.0%, #282d40 3.2%, #2d334e 6.5%, #313c5f 9.7%, #364674 12.9%, #39518b 16.1%, #3b5ea4 19.4%, #3a6bbe 22.6%, #347ad8 25.8%, #2189f2 29.0%, #139aff 32.3%, #2ea9ff 35.5%, #40b7ff 38.7%, #4ac3ff 41.9%, #4accff 45.2%, #37d3ff 48.4%, #00d8fa 51.6%, #00d8ea 54.8%, #00d5d7 58.1%, #00d0bf 61.3%, #00c9a3 64.5%, #00c07e 67.7%, #31b44f 71.0%, #62a02c 74.2%, #758d0e 77.4%, #7d7a07 80.6%, #7c6a16 83.9%, #755c24 87.1%, #6c512d 90.3%, #624933 93.5%, #584436 96.8%, #504038 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(27.95% 0.0262 276.33) 0.0%, oklch(30.07% 0.0354 274.43) 3.2%, oklch(32.90% 0.0479 272.47) 6.5%, oklch(36.34% 0.0632 270.40) 9.7%, oklch(40.26% 0.0806 268.17) 12.9%, oklch(44.54% 0.0996 265.75) 16.1%, oklch(49.06% 0.1197 263.10) 19.4%, oklch(53.70% 0.1402 260.17) 22.6%, oklch(58.34% 0.1607 256.92) 25.8%, oklch(62.86% 0.1806 253.32) 29.0%, oklch(67.15% 0.1816 249.30) 32.3%, oklch(71.08% 0.1621 244.85) 35.5%, oklch(74.53% 0.1467 239.91) 38.7%, oklch(77.38% 0.1363 234.44) 41.9%, oklch(79.51% 0.1322 228.41) 45.2%, oklch(80.81% 0.1371 221.77) 48.4%, oklch(81.16% 0.1429 214.37) 51.6%, oklch(80.59% 0.1378 205.58) 54.8%, oklch(79.21% 0.1351 195.51) 58.1%, oklch(77.14% 0.1364 184.39) 61.3%, oklch(74.48% 0.1438 172.43) 64.5%, oklch(71.35% 0.1618 159.87) 67.7%, oklch(67.86% 0.1806 146.94) 71.0%, oklch(64.13% 0.1607 133.84) 74.2%, oklch(60.25% 0.1402 120.80) 77.4%, oklch(56.34% 0.1197 108.05) 80.6%, oklch(52.52% 0.0996 95.82) 83.9%, oklch(48.90% 0.0806 84.32) 87.1%, oklch(45.58% 0.0632 73.79) 90.3%, oklch(42.68% 0.0479 64.44) 93.5%, oklch(40.31% 0.0354 56.49) 96.8%, oklch(38.58% 0.0262 50.18) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.28 | 0.026 | 276.3 |
| 2 | 0.811 | 0.256 | 218.2 |
| 3 | 0.386 | 0.026 | 50.2 |

## In these collections

- [Astronomy false color gradients](https://grabient.com/astronomy-false-color-gradients)

## Other forms

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