# Blue, tan, gray and teal radial gradient

Blue, tan, gray and teal radial gradient with 32 colors: #415569, #446272, #4c767d, #5f8d84, #7da185, #a1af85, #beb487, #cfb28b, #d6ac92, #d4a49a, #ca9ba0, #bb92a2, #aa8aa2, #99819d, #857390, #70627f, #5c536f, #4b4761, #40415a, #3d455c, #445667, #586e76, #748989, #91a29d, #a5b5ac, #a9bdaf, #97baa8, #6dafa2, #2d9ca6, #0081a9, #0066af, #2550b1. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYcB6xYhatdOSsWxDzl4woxrq7TM`
- Page: https://grabient.com/kYcB6xYhatdOSsWxDzl4woxrq7TM?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 4.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 | `#415569` | `oklch(44.09% 0.0413 248.91)` | Inkjet | white, 7.7 to 1 |
| 2 | `#446272` | `oklch(48.04% 0.0438 232.18)` | The Fang Grey | white, 6.4 to 1 |
| 3 | `#4c767d` | `oklch(53.88% 0.0476 208.84)` | Hydro | white, 4.9 to 1 |
| 4 | `#5f8d84` | `oklch(60.65% 0.0519 181.27)` | Chlorite | black, 5.6 to 1 |
| 5 | `#7da185` | `oklch(67.37% 0.0562 151.86)` | Aquadulce | black, 7.2 to 1 |
| 6 | `#a1af85` | `oklch(73.07% 0.0597 123.01)` | Easy Green | black, 8.9 to 1 |
| 7 | `#beb487` | `oklch(76.75% 0.0618 97.12)` | Minced Ginger | black, 10 to 1 |
| 8 | `#cfb28b` | `oklch(77.98% 0.0621 74.54)` | Cracker Bitz | black, 10.4 to 1 |
| 9 | `#d6ac92` | `oklch(77.57% 0.0611 52.42)` | Salmon Sand | black, 10.1 to 1 |
| 10 | `#d4a49a` | `oklch(75.91% 0.0591 31.07)` | Bubble Shell | black, 9.5 to 1 |
| 11 | `#ca9ba0` | `oklch(73.36% 0.0566 10.91)` | Careys Pink | black, 8.6 to 1 |
| 12 | `#bb92a2` | `oklch(70.27% 0.0540 352.36)` | Light Mauve | black, 7.7 to 1 |
| 13 | `#aa8aa2` | `oklch(67.02% 0.0517 335.86)` | Mauve Musk | black, 6.8 to 1 |
| 14 | `#99819d` | `oklch(63.46% 0.0500 322.21)` | Mixed Berries | black, 5.9 to 1 |
| 15 | `#857390` | `oklch(58.21% 0.0485 312.56)` | Vintage | black, 4.8 to 1 |
| 16 | `#70627f` | `oklch(52.07% 0.0471 305.44)` | Grape Compote | white, 5.5 to 1 |
| 17 | `#5c536f` | `oklch(46.08% 0.0456 299.20)` | Arraign | white, 7.2 to 1 |
| 18 | `#4b4761` | `oklch(41.26% 0.0441 292.14)` | Violet Shadow | white, 8.8 to 1 |
| 19 | `#40415a` | `oklch(38.65% 0.0424 282.59)` | Amphystine | white, 9.8 to 1 |
| 20 | `#3d455c` | `oklch(39.38% 0.0403 268.60)` | Bella Sera | white, 9.4 to 1 |
| 21 | `#445667` | `oklch(44.38% 0.0356 247.68)` | Tetsu Iron | white, 7.6 to 1 |
| 22 | `#586e76` | `oklch(52.26% 0.0295 222.57)` | Moody Blues | white, 5.3 to 1 |
| 23 | `#748989` | `oklch(61.29% 0.0239 197.00)` | Deep Thoughts | black, 5.6 to 1 |
| 24 | `#91a29d` | `oklch(69.74% 0.0208 174.67)` | Spruce Shade | black, 7.8 to 1 |
| 25 | `#a5b5ac` | `oklch(75.88% 0.0221 159.30)` | Smokey Slate | black, 9.8 to 1 |
| 26 | `#a9bdaf` | `oklch(77.98% 0.0297 154.61)` | Foggy Rain | black, 10.6 to 1 |
| 27 | `#97baa8` | `oklch(75.78% 0.0464 162.78)` | Spearmint Haze | black, 9.9 to 1 |
| 28 | `#6dafa2` | `oklch(70.60% 0.0700 180.61)` | Turquoise Fantasies | black, 8.3 to 1 |
| 29 | `#2d9ca6` | `oklch(63.74% 0.0970 203.84)` | Empress Envy | black, 6.4 to 1 |
| 30 | `#0081a9` | `oklch(56.50% 0.1105 228.23)` | Advertising Blue | black, 4.7 to 1 |
| 31 | `#0066af` | `oklch(50.18% 0.1402 249.49)` | Wing Commander | white, 5.9 to 1 |
| 32 | `#2550b1` | `oklch(46.06% 0.1626 263.35)` | Blizzy Blueberry | white, 7.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #415569 0.0%, #446272 3.2%, #4c767d 6.5%, #5f8d84 9.7%, #7da185 12.9%, #a1af85 16.1%, #beb487 19.4%, #cfb28b 22.6%, #d6ac92 25.8%, #d4a49a 29.0%, #ca9ba0 32.3%, #bb92a2 35.5%, #aa8aa2 38.7%, #99819d 41.9%, #857390 45.2%, #70627f 48.4%, #5c536f 51.6%, #4b4761 54.8%, #40415a 58.1%, #3d455c 61.3%, #445667 64.5%, #586e76 67.7%, #748989 71.0%, #91a29d 74.2%, #a5b5ac 77.4%, #a9bdaf 80.6%, #97baa8 83.9%, #6dafa2 87.1%, #2d9ca6 90.3%, #0081a9 93.5%, #0066af 96.8%, #2550b1 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(44.09% 0.0413 248.91) 0.0%, oklch(48.04% 0.0438 232.18) 3.2%, oklch(53.88% 0.0476 208.84) 6.5%, oklch(60.65% 0.0519 181.27) 9.7%, oklch(67.37% 0.0562 151.86) 12.9%, oklch(73.07% 0.0597 123.01) 16.1%, oklch(76.75% 0.0618 97.12) 19.4%, oklch(77.98% 0.0621 74.54) 22.6%, oklch(77.57% 0.0611 52.42) 25.8%, oklch(75.91% 0.0591 31.07) 29.0%, oklch(73.36% 0.0566 10.91) 32.3%, oklch(70.27% 0.0540 352.36) 35.5%, oklch(67.02% 0.0517 335.86) 38.7%, oklch(63.46% 0.0500 322.21) 41.9%, oklch(58.21% 0.0485 312.56) 45.2%, oklch(52.07% 0.0471 305.44) 48.4%, oklch(46.08% 0.0456 299.20) 51.6%, oklch(41.26% 0.0441 292.14) 54.8%, oklch(38.65% 0.0424 282.59) 58.1%, oklch(39.38% 0.0403 268.60) 61.3%, oklch(44.38% 0.0356 247.68) 64.5%, oklch(52.26% 0.0295 222.57) 67.7%, oklch(61.29% 0.0239 197.00) 71.0%, oklch(69.74% 0.0208 174.67) 74.2%, oklch(75.88% 0.0221 159.30) 77.4%, oklch(77.98% 0.0297 154.61) 80.6%, oklch(75.78% 0.0464 162.78) 83.9%, oklch(70.60% 0.0700 180.61) 87.1%, oklch(63.74% 0.0970 203.84) 90.3%, oklch(56.50% 0.1105 228.23) 93.5%, oklch(50.18% 0.1402 249.49) 96.8%, oklch(46.06% 0.1626 263.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.441 | 0.041 | 248.9 |
| 2 | 0.772 | 0.062 | 92.5 |
| 3 | 0.657 | 0.051 | -30.1 |
| 4 | 0.386 | 0.041 | -85 |
| 5 | 0.78 | 0.028 | -205.5 |
| 6 | 0.461 | 0.163 | -96.7 |

## Other forms

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