# Soft muted blue orange rings

Tritone blue, green and brown radial gradient with 32 colors: #6f8ca3, #6a90a4, #6395a4, #5c9aa1, #5aa098, #60a58b, #71a779, #87a767, #9ea556, #b2a24a, #c29e45, #cc9b46, #d39a48, #d8994b, #da994e, #dc9a50, #dc9b51, #db9c53, #db9d53, #da9d54, #d99c54, #d99b55, #d89855, #d79654, #d59253, #d38e52, #d08b51, #ce8750, #cb834e, #c9804d, #c77e4d, #c57c4c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone blue, green and brown radial gradient
- Seed: `kUnyOs2yotN2pvhTKL4A`
- Page: https://grabient.com/kUnyOs2yotN2pvhTKL4A?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: even lightness, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.4 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 | `#6f8ca3` | `oklch(62.60% 0.0482 242.58)` | Bermuda Grey | black, 5.9 to 1 |
| 2 | `#6a90a4` | `oklch(63.15% 0.0524 232.89)` | French Court | black, 6.1 to 1 |
| 3 | `#6395a4` | `oklch(63.89% 0.0581 219.72)` | Deep Diving | black, 6.3 to 1 |
| 4 | `#5c9aa1` | `oklch(64.78% 0.0650 203.88)` | Hydroport | black, 6.6 to 1 |
| 5 | `#5aa098` | `oklch(65.77% 0.0726 186.19)` | Teal Bayou | black, 6.9 to 1 |
| 6 | `#60a58b` | `oklch(66.82% 0.0807 167.47)` | Polished Pine | black, 7.2 to 1 |
| 7 | `#71a779` | `oklch(67.89% 0.0889 148.55)` | Primavera | black, 7.5 to 1 |
| 8 | `#87a767` | `oklch(68.94% 0.0967 130.23)` | Peeled Asparagus | black, 7.7 to 1 |
| 9 | `#9ea556` | `oklch(69.91% 0.1038 113.33)` | Overt Green | black, 7.9 to 1 |
| 10 | `#b2a24a` | `oklch(70.77% 0.1099 98.69)` | Moss Stone | black, 8.1 to 1 |
| 11 | `#c29e45` | `oklch(71.46% 0.1146 87.10)` | Golden Field | black, 8.2 to 1 |
| 12 | `#cc9b46` | `oklch(72.00% 0.1176 79.02)` | Camel Cardinal | black, 8.3 to 1 |
| 13 | `#d39a48` | `oklch(72.48% 0.1194 73.42)` | Bales of Brown | black, 8.4 to 1 |
| 14 | `#d8994b` | `oklch(72.92% 0.1203 69.84)` | Poseidon’s Gold | black, 8.5 to 1 |
| 15 | `#da994e` | `oklch(73.29% 0.1204 67.91)` | Magic Melon | black, 8.6 to 1 |
| 16 | `#dc9a50` | `oklch(73.60% 0.1199 67.22)` | Magic Melon | black, 8.7 to 1 |
| 17 | `#dc9b51` | `oklch(73.82% 0.1189 67.39)` | Honeycomb Yellow | black, 8.8 to 1 |
| 18 | `#db9c53` | `oklch(73.97% 0.1178 68.04)` | Honeycomb Yellow | black, 8.8 to 1 |
| 19 | `#db9d53` | `oklch(74.02% 0.1165 68.78)` | Honeycomb Yellow | black, 8.9 to 1 |
| 20 | `#da9d54` | `oklch(73.96% 0.1154 69.21)` | Honeycomb Yellow | black, 8.9 to 1 |
| 21 | `#d99c54` | `oklch(73.80% 0.1146 68.96)` | Ceremonial Gold | black, 8.8 to 1 |
| 22 | `#d99b55` | `oklch(73.51% 0.1143 67.69)` | Poseidon’s Gold | black, 8.7 to 1 |
| 23 | `#d89855` | `oklch(73.00% 0.1141 66.05)` | Poseidon’s Gold | black, 8.5 to 1 |
| 24 | `#d79654` | `oklch(72.28% 0.1138 64.32)` | Brushed Clay | black, 8.3 to 1 |
| 25 | `#d59253` | `oklch(71.42% 0.1135 62.54)` | Salt Caramel | black, 8 to 1 |
| 26 | `#d38e52` | `oklch(70.46% 0.1132 60.76)` | Honey Fungus | black, 7.7 to 1 |
| 27 | `#d08b51` | `oklch(69.44% 0.1129 59.01)` | Orange Nectar Bat | black, 7.4 to 1 |
| 28 | `#ce8750` | `oklch(68.42% 0.1125 57.35)` | Cork Brown | black, 7.1 to 1 |
| 29 | `#cb834e` | `oklch(67.46% 0.1123 55.81)` | Sticky Toffee | black, 6.9 to 1 |
| 30 | `#c9804d` | `oklch(66.59% 0.1120 54.43)` | Fuegan Orange | black, 6.6 to 1 |
| 31 | `#c77e4d` | `oklch(65.87% 0.1118 53.27)` | Fuegan Orange | black, 6.4 to 1 |
| 32 | `#c57c4c` | `oklch(65.35% 0.1116 52.36)` | Fuegan Orange | black, 6.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #6f8ca3 0.0%, #6a90a4 3.2%, #6395a4 6.5%, #5c9aa1 9.7%, #5aa098 12.9%, #60a58b 16.1%, #71a779 19.4%, #87a767 22.6%, #9ea556 25.8%, #b2a24a 29.0%, #c29e45 32.3%, #cc9b46 35.5%, #d39a48 38.7%, #d8994b 41.9%, #da994e 45.2%, #dc9a50 48.4%, #dc9b51 51.6%, #db9c53 54.8%, #db9d53 58.1%, #da9d54 61.3%, #d99c54 64.5%, #d99b55 67.7%, #d89855 71.0%, #d79654 74.2%, #d59253 77.4%, #d38e52 80.6%, #d08b51 83.9%, #ce8750 87.1%, #cb834e 90.3%, #c9804d 93.5%, #c77e4d 96.8%, #c57c4c 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(62.60% 0.0482 242.58) 0.0%, oklch(63.15% 0.0524 232.89) 3.2%, oklch(63.89% 0.0581 219.72) 6.5%, oklch(64.78% 0.0650 203.88) 9.7%, oklch(65.77% 0.0726 186.19) 12.9%, oklch(66.82% 0.0807 167.47) 16.1%, oklch(67.89% 0.0889 148.55) 19.4%, oklch(68.94% 0.0967 130.23) 22.6%, oklch(69.91% 0.1038 113.33) 25.8%, oklch(70.77% 0.1099 98.69) 29.0%, oklch(71.46% 0.1146 87.10) 32.3%, oklch(72.00% 0.1176 79.02) 35.5%, oklch(72.48% 0.1194 73.42) 38.7%, oklch(72.92% 0.1203 69.84) 41.9%, oklch(73.29% 0.1204 67.91) 45.2%, oklch(73.60% 0.1199 67.22) 48.4%, oklch(73.82% 0.1189 67.39) 51.6%, oklch(73.97% 0.1178 68.04) 54.8%, oklch(74.02% 0.1165 68.78) 58.1%, oklch(73.96% 0.1154 69.21) 61.3%, oklch(73.80% 0.1146 68.96) 64.5%, oklch(73.51% 0.1143 67.69) 67.7%, oklch(73.00% 0.1141 66.05) 71.0%, oklch(72.28% 0.1138 64.32) 74.2%, oklch(71.42% 0.1135 62.54) 77.4%, oklch(70.46% 0.1132 60.76) 80.6%, oklch(69.44% 0.1129 59.01) 83.9%, oklch(68.42% 0.1125 57.35) 87.1%, oklch(67.46% 0.1123 55.81) 90.3%, oklch(66.59% 0.1120 54.43) 93.5%, oklch(65.87% 0.1118 53.27) 96.8%, oklch(65.35% 0.1116 52.36) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.626 | 0.048 | 242.6 |
| 2 | 0.717 | 0.116 | 84.1 |
| 3 | 0.736 | 0.114 | 68.2 |
| 4 | 0.654 | 0.112 | 52.4 |

## In these collections

- [Spring thunder over veld](https://grabient.com/spring-thunder-over-veld)

## Other forms

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