# Soft blue muted green orange rings

Tritone blue, green and tan radial gradient with 48 colors: #3a638b, #39658b, #39688a, #396b89, #3a6e88, #3d7187, #417585, #457883, #4b7b82, #517d80, #57807f, #5d827f, #63847e, #68867e, #6c887e, #6f897e, #718b7e, #728c7e, #728c7d, #728d7c, #708e7b, #6f8e79, #6d8f77, #6a8f75, #688f73, #659071, #63906e, #61916c, #5f916a, #5f9167, #609264, #629261, #65935e, #6a945b, #709457, #779554, #7f9550, #87964d, #8f964a, #979648, #9e9647, #a69647, #ad9648, #b39549, #b9954b, #be954d, #c1954f, #c59551. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone blue, green and tan radial gradient
- Seed: `kUfDqxTYy2E4hPVZJbfA`
- Page: https://grabient.com/kUfDqxTYy2E4hPVZJbfA?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 2.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 | `#3a638b` | `oklch(48.82% 0.0799 248.91)` | Mississippi River | white, 6.2 to 1 |
| 2 | `#39658b` | `oklch(49.28% 0.0781 245.80)` | Mississippi River | white, 6.1 to 1 |
| 3 | `#39688a` | `oklch(49.87% 0.0756 241.87)` | Drake’s Neck | white, 5.9 to 1 |
| 4 | `#396b89` | `oklch(50.57% 0.0725 237.24)` | Team Spirit | white, 5.7 to 1 |
| 5 | `#3a6e88` | `oklch(51.36% 0.0691 232.01)` | Astral | white, 5.5 to 1 |
| 6 | `#3d7187` | `oklch(52.22% 0.0652 226.31)` | Calypso | white, 5.3 to 1 |
| 7 | `#417585` | `oklch(53.14% 0.0612 220.25)` | Silken Peacock | white, 5.1 to 1 |
| 8 | `#457883` | `oklch(54.09% 0.0571 213.93)` | Sea Quest | white, 4.9 to 1 |
| 9 | `#4b7b82` | `oklch(55.06% 0.0530 207.47)` | Submerged | white, 4.7 to 1 |
| 10 | `#517d80` | `oklch(56.02% 0.0490 200.99)` | Labradorite Green | black, 4.6 to 1 |
| 11 | `#57807f` | `oklch(56.97% 0.0453 194.59)` | Nickel Ore Green | black, 4.8 to 1 |
| 12 | `#5d827f` | `oklch(57.88% 0.0419 188.39)` | Teal Stencil | black, 4.9 to 1 |
| 13 | `#63847e` | `oklch(58.72% 0.0390 182.50)` | Greenella | black, 5.1 to 1 |
| 14 | `#68867e` | `oklch(59.49% 0.0368 177.04)` | Marsh Creek | black, 5.3 to 1 |
| 15 | `#6c887e` | `oklch(60.17% 0.0352 172.12)` | Hanging Vine | black, 5.4 to 1 |
| 16 | `#6f897e` | `oklch(60.72% 0.0344 167.85)` | Hanging Vine | black, 5.5 to 1 |
| 17 | `#718b7e` | `oklch(61.15% 0.0346 164.34)` | Sea Palm | black, 5.6 to 1 |
| 18 | `#728c7e` | `oklch(61.45% 0.0358 161.51)` | Sea Palm | black, 5.7 to 1 |
| 19 | `#728c7d` | `oklch(61.64% 0.0378 159.25)` | Sea Palm | black, 5.7 to 1 |
| 20 | `#728d7c` | `oklch(61.74% 0.0405 157.49)` | Ivy Wreath | black, 5.8 to 1 |
| 21 | `#708e7b` | `oklch(61.76% 0.0439 156.14)` | Ivy Wreath | black, 5.8 to 1 |
| 22 | `#6f8e79` | `oklch(61.72% 0.0478 155.11)` | Ivy Wreath | black, 5.8 to 1 |
| 23 | `#6d8f77` | `oklch(61.63% 0.0521 154.32)` | Ivy Wreath | black, 5.8 to 1 |
| 24 | `#6a8f75` | `oklch(61.51% 0.0567 153.69)` | Laurel | black, 5.8 to 1 |
| 25 | `#688f73` | `oklch(61.37% 0.0615 153.13)` | Laurel | black, 5.7 to 1 |
| 26 | `#659071` | `oklch(61.24% 0.0663 152.55)` | Manchester | black, 5.7 to 1 |
| 27 | `#63906e` | `oklch(61.12% 0.0711 151.89)` | Manchester | black, 5.7 to 1 |
| 28 | `#61916c` | `oklch(61.04% 0.0757 151.04)` | Manchester | black, 5.7 to 1 |
| 29 | `#5f916a` | `oklch(61.00% 0.0800 149.93)` | DaVanzo Green | black, 5.7 to 1 |
| 30 | `#5f9167` | `oklch(61.02% 0.0839 148.47)` | Arizona Tree Frog | black, 5.7 to 1 |
| 31 | `#609264` | `oklch(61.13% 0.0874 146.57)` | Arizona Tree Frog | black, 5.7 to 1 |
| 32 | `#629261` | `oklch(61.33% 0.0902 144.16)` | Arizona Tree Frog | black, 5.8 to 1 |
| 33 | `#65935e` | `oklch(61.63% 0.0923 141.16)` | Irish Charm | black, 5.8 to 1 |
| 34 | `#6a945b` | `oklch(62.03% 0.0942 137.55)` | Milpa | black, 5.9 to 1 |
| 35 | `#709457` | `oklch(62.51% 0.0958 133.44)` | Piquant Green | black, 6 to 1 |
| 36 | `#779554` | `oklch(63.06% 0.0971 128.91)` | Drab Green | black, 6.2 to 1 |
| 37 | `#7f9550` | `oklch(63.66% 0.0983 124.04)` | Scotland Isle | black, 6.3 to 1 |
| 38 | `#87964d` | `oklch(64.30% 0.0992 118.94)` | Scotland Isle | black, 6.4 to 1 |
| 39 | `#8f964a` | `oklch(64.97% 0.1000 113.69)` | Winter Pea Green | black, 6.6 to 1 |
| 40 | `#979648` | `oklch(65.66% 0.1006 108.38)` | Luau Green | black, 6.7 to 1 |
| 41 | `#9e9647` | `oklch(66.34% 0.1011 103.10)` | Lentil Sprout | black, 6.9 to 1 |
| 42 | `#a69647` | `oklch(67.02% 0.1015 97.95)` | 18th Century Green | black, 7 to 1 |
| 43 | `#ad9648` | `oklch(67.67% 0.1018 93.00)` | Semi Opal | black, 7.2 to 1 |
| 44 | `#b39549` | `oklch(68.28% 0.1021 88.35)` | Outdoorsy | black, 7.3 to 1 |
| 45 | `#b9954b` | `oklch(68.84% 0.1024 84.09)` | Alluvial Inca | black, 7.4 to 1 |
| 46 | `#be954d` | `oklch(69.33% 0.1027 80.31)` | Different Gold | black, 7.5 to 1 |
| 47 | `#c1954f` | `oklch(69.75% 0.1030 77.09)` | Amber Gold | black, 7.6 to 1 |
| 48 | `#c59551` | `oklch(70.08% 0.1033 74.54)` | Amber Gold | black, 7.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #3a638b 0.0%, #39658b 2.1%, #39688a 4.3%, #396b89 6.4%, #3a6e88 8.5%, #3d7187 10.6%, #417585 12.8%, #457883 14.9%, #4b7b82 17.0%, #517d80 19.1%, #57807f 21.3%, #5d827f 23.4%, #63847e 25.5%, #68867e 27.7%, #6c887e 29.8%, #6f897e 31.9%, #718b7e 34.0%, #728c7e 36.2%, #728c7d 38.3%, #728d7c 40.4%, #708e7b 42.6%, #6f8e79 44.7%, #6d8f77 46.8%, #6a8f75 48.9%, #688f73 51.1%, #659071 53.2%, #63906e 55.3%, #61916c 57.4%, #5f916a 59.6%, #5f9167 61.7%, #609264 63.8%, #629261 66.0%, #65935e 68.1%, #6a945b 70.2%, #709457 72.3%, #779554 74.5%, #7f9550 76.6%, #87964d 78.7%, #8f964a 80.9%, #979648 83.0%, #9e9647 85.1%, #a69647 87.2%, #ad9648 89.4%, #b39549 91.5%, #b9954b 93.6%, #be954d 95.7%, #c1954f 97.9%, #c59551 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(48.82% 0.0799 248.91) 0.0%, oklch(49.28% 0.0781 245.80) 2.1%, oklch(49.87% 0.0756 241.87) 4.3%, oklch(50.57% 0.0725 237.24) 6.4%, oklch(51.36% 0.0691 232.01) 8.5%, oklch(52.22% 0.0652 226.31) 10.6%, oklch(53.14% 0.0612 220.25) 12.8%, oklch(54.09% 0.0571 213.93) 14.9%, oklch(55.06% 0.0530 207.47) 17.0%, oklch(56.02% 0.0490 200.99) 19.1%, oklch(56.97% 0.0453 194.59) 21.3%, oklch(57.88% 0.0419 188.39) 23.4%, oklch(58.72% 0.0390 182.50) 25.5%, oklch(59.49% 0.0368 177.04) 27.7%, oklch(60.17% 0.0352 172.12) 29.8%, oklch(60.72% 0.0344 167.85) 31.9%, oklch(61.15% 0.0346 164.34) 34.0%, oklch(61.45% 0.0358 161.51) 36.2%, oklch(61.64% 0.0378 159.25) 38.3%, oklch(61.74% 0.0405 157.49) 40.4%, oklch(61.76% 0.0439 156.14) 42.6%, oklch(61.72% 0.0478 155.11) 44.7%, oklch(61.63% 0.0521 154.32) 46.8%, oklch(61.51% 0.0567 153.69) 48.9%, oklch(61.37% 0.0615 153.13) 51.1%, oklch(61.24% 0.0663 152.55) 53.2%, oklch(61.12% 0.0711 151.89) 55.3%, oklch(61.04% 0.0757 151.04) 57.4%, oklch(61.00% 0.0800 149.93) 59.6%, oklch(61.02% 0.0839 148.47) 61.7%, oklch(61.13% 0.0874 146.57) 63.8%, oklch(61.33% 0.0902 144.16) 66.0%, oklch(61.63% 0.0923 141.16) 68.1%, oklch(62.03% 0.0942 137.55) 70.2%, oklch(62.51% 0.0958 133.44) 72.3%, oklch(63.06% 0.0971 128.91) 74.5%, oklch(63.66% 0.0983 124.04) 76.6%, oklch(64.30% 0.0992 118.94) 78.7%, oklch(64.97% 0.1000 113.69) 80.9%, oklch(65.66% 0.1006 108.38) 83.0%, oklch(66.34% 0.1011 103.10) 85.1%, oklch(67.02% 0.1015 97.95) 87.2%, oklch(67.67% 0.1018 93.00) 89.4%, oklch(68.28% 0.1021 88.35) 91.5%, oklch(68.84% 0.1024 84.09) 93.6%, oklch(69.33% 0.1027 80.31) 95.7%, oklch(69.75% 0.1030 77.09) 97.9%, oklch(70.08% 0.1033 74.54) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.488 | 0.08 | 248.9 |
| 2 | 0.61 | 0.034 | 165.4 |
| 3 | 0.614 | 0.091 | 143.2 |
| 4 | 0.701 | 0.103 | 74.5 |

## In these collections

- [Late winter protea](https://grabient.com/late-winter-protea)

## Other forms

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