# Complementary blue, gray and tan radial gradient

Complementary blue, gray and tan radial gradient with 32 colors: #6094bc, #6397bc, #679bbd, #6ca0be, #72a5bf, #78abc0, #7eb0c1, #84b5c2, #89b9c1, #8ebdc0, #94c1be, #9ac5bc, #a1c8b9, #a9cab6, #b0ccb4, #b6cdb1, #bcceae, #c0ceab, #c4cea7, #c8cea2, #cccd9d, #d0cb97, #d3c992, #d6c78e, #d8c489, #d9c085, #d9bb81, #d8b77c, #d7b278, #d6ae75, #d5ab72, #d4a870. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWpDus35M8OkRNxpHDr4KC9Y`
- Page: https://grabient.com/kWpDus35M8OkRNxpHDr4KC9Y?style=radialGradient&steps=32&angle=45
- Drawn as: radial gradient, 32 steps, 45 degrees
- Kinds: pastel
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 1.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 | `#6094bc` | `oklch(64.57% 0.0813 242.58)` | Blue Marble | black, 6.4 to 1 |
| 2 | `#6397bc` | `oklch(65.44% 0.0788 240.35)` | Lupine Blue | black, 6.6 to 1 |
| 3 | `#679bbd` | `oklch(66.63% 0.0753 237.72)` | Shakespeare | black, 7 to 1 |
| 4 | `#6ca0be` | `oklch(68.05% 0.0711 234.60)` | Fate | black, 7.4 to 1 |
| 5 | `#72a5bf` | `oklch(69.61% 0.0666 230.92)` | Blue Ridge Mist | black, 7.8 to 1 |
| 6 | `#78abc0` | `oklch(71.23% 0.0621 226.61)` | Moonstone Blue | black, 8.3 to 1 |
| 7 | `#7eb0c1` | `oklch(72.80% 0.0579 221.59)` | Heavenly | black, 8.8 to 1 |
| 8 | `#84b5c2` | `oklch(74.25% 0.0544 215.79)` | Crystal Lake | black, 9.3 to 1 |
| 9 | `#89b9c1` | `oklch(75.49% 0.0518 209.09)` | Sea Angel | black, 9.7 to 1 |
| 10 | `#8ebdc0` | `oklch(76.66% 0.0498 200.87)` | Lorian | black, 10.2 to 1 |
| 11 | `#94c1be` | `oklch(77.82% 0.0480 191.28)` | Focus Point | black, 10.6 to 1 |
| 12 | `#9ac5bc` | `oklch(78.94% 0.0466 180.80)` | New-Age Green | black, 11 to 1 |
| 13 | `#a1c8b9` | `oklch(79.98% 0.0456 169.93)` | Cool Juniper | black, 11.4 to 1 |
| 14 | `#a9cab6` | `oklch(80.93% 0.0452 159.15)` | Gum Leaf | black, 11.8 to 1 |
| 15 | `#b0ccb4` | `oklch(81.75% 0.0453 148.96)` | Bird’s Egg Green | black, 12.1 to 1 |
| 16 | `#b6cdb1` | `oklch(82.41% 0.0461 139.85)` | Spring Fields | black, 12.3 to 1 |
| 17 | `#bcceae` | `oklch(82.90% 0.0478 132.15)` | Kiss of Mint | black, 12.5 to 1 |
| 18 | `#c0ceab` | `oklch(83.25% 0.0507 125.28)` | Landscape | black, 12.7 to 1 |
| 19 | `#c4cea7` | `oklch(83.47% 0.0546 119.04)` | Landscape | black, 12.7 to 1 |
| 20 | `#c8cea2` | `oklch(83.56% 0.0591 113.35)` | Dancing Kite | black, 12.8 to 1 |
| 21 | `#cccd9d` | `oklch(83.53% 0.0639 108.14)` | Vegetarian Vulture | black, 12.7 to 1 |
| 22 | `#d0cb97` | `oklch(83.39% 0.0686 103.32)` | Court-Bouillon | black, 12.6 to 1 |
| 23 | `#d3c992` | `oklch(83.14% 0.0729 98.84)` | Golden Mist | black, 12.5 to 1 |
| 24 | `#d6c78e` | `oklch(82.78% 0.0764 94.60)` | Golden Mist | black, 12.3 to 1 |
| 25 | `#d8c489` | `oklch(82.27% 0.0791 90.61)` | Wine Yellow | black, 12.1 to 1 |
| 26 | `#d9c085` | `oklch(81.49% 0.0814 86.96)` | Vermicelles | black, 11.8 to 1 |
| 27 | `#d9bb81` | `oklch(80.52% 0.0834 83.66)` | Honeymoon | black, 11.4 to 1 |
| 28 | `#d8b77c` | `oklch(79.47% 0.0851 80.71)` | Sinking Sand | black, 10.9 to 1 |
| 29 | `#d7b278` | `oklch(78.40% 0.0865 78.12)` | Egyptian Temple | black, 10.5 to 1 |
| 30 | `#d6ae75` | `oklch(77.40% 0.0877 75.87)` | Inheritance | black, 10.1 to 1 |
| 31 | `#d5ab72` | `oklch(76.57% 0.0887 73.98)` | Gobi Sand | black, 9.8 to 1 |
| 32 | `#d4a870` | `oklch(75.98% 0.0896 72.44)` | Artemis | black, 9.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #6094bc 0.0%, #6397bc 3.2%, #679bbd 6.5%, #6ca0be 9.7%, #72a5bf 12.9%, #78abc0 16.1%, #7eb0c1 19.4%, #84b5c2 22.6%, #89b9c1 25.8%, #8ebdc0 29.0%, #94c1be 32.3%, #9ac5bc 35.5%, #a1c8b9 38.7%, #a9cab6 41.9%, #b0ccb4 45.2%, #b6cdb1 48.4%, #bcceae 51.6%, #c0ceab 54.8%, #c4cea7 58.1%, #c8cea2 61.3%, #cccd9d 64.5%, #d0cb97 67.7%, #d3c992 71.0%, #d6c78e 74.2%, #d8c489 77.4%, #d9c085 80.6%, #d9bb81 83.9%, #d8b77c 87.1%, #d7b278 90.3%, #d6ae75 93.5%, #d5ab72 96.8%, #d4a870 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(64.57% 0.0813 242.58) 0.0%, oklch(65.44% 0.0788 240.35) 3.2%, oklch(66.63% 0.0753 237.72) 6.5%, oklch(68.05% 0.0711 234.60) 9.7%, oklch(69.61% 0.0666 230.92) 12.9%, oklch(71.23% 0.0621 226.61) 16.1%, oklch(72.80% 0.0579 221.59) 19.4%, oklch(74.25% 0.0544 215.79) 22.6%, oklch(75.49% 0.0518 209.09) 25.8%, oklch(76.66% 0.0498 200.87) 29.0%, oklch(77.82% 0.0480 191.28) 32.3%, oklch(78.94% 0.0466 180.80) 35.5%, oklch(79.98% 0.0456 169.93) 38.7%, oklch(80.93% 0.0452 159.15) 41.9%, oklch(81.75% 0.0453 148.96) 45.2%, oklch(82.41% 0.0461 139.85) 48.4%, oklch(82.90% 0.0478 132.15) 51.6%, oklch(83.25% 0.0507 125.28) 54.8%, oklch(83.47% 0.0546 119.04) 58.1%, oklch(83.56% 0.0591 113.35) 61.3%, oklch(83.53% 0.0639 108.14) 64.5%, oklch(83.39% 0.0686 103.32) 67.7%, oklch(83.14% 0.0729 98.84) 71.0%, oklch(82.78% 0.0764 94.60) 74.2%, oklch(82.27% 0.0791 90.61) 77.4%, oklch(81.49% 0.0814 86.96) 80.6%, oklch(80.52% 0.0834 83.66) 83.9%, oklch(79.47% 0.0851 80.71) 87.1%, oklch(78.40% 0.0865 78.12) 90.3%, oklch(77.40% 0.0877 75.87) 93.5%, oklch(76.57% 0.0887 73.98) 96.8%, oklch(75.98% 0.0896 72.44) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.646 | 0.081 | 242.6 |
| 2 | 0.752 | 0.052 | 210.9 |
| 3 | 0.827 | 0.047 | 135.8 |
| 4 | 0.827 | 0.077 | 93.6 |
| 5 | 0.76 | 0.09 | 72.4 |

## In these collections

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

## Other forms

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