# Navy and copper bloom

Blue, purple, brown and black radial gradient with 32 colors: #465079, #494e78, #4d4b75, #524871, #56456d, #5a4167, #5f3f62, #633d5c, #683c57, #703b52, #793c4b, #833f42, #8b4237, #90462b, #934821, #94481d, #924523, #8c3d33, #7f3745, #6c3352, #553058, #3e2e56, #2d2c4d, #222945, #1e263f, #1d233a, #1f2037, #221e33, #251c30, #281a2d, #2a192a, #2a1827. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Blue, purple, brown and black radial gradient
- Seed: `kWcDLCNRrH74qR6kEq_no5HQ`
- Page: https://grabient.com/kWcDLCNRrH74qR6kEq_no5HQ?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: 2.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 | `#465079` | `oklch(44.09% 0.0689 272.81)` | Provocative | white, 7.8 to 1 |
| 2 | `#494e78` | `oklch(43.84% 0.0689 278.24)` | Skipper Blue | white, 7.9 to 1 |
| 3 | `#4d4b75` | `oklch(43.42% 0.0687 285.51)` | Purple Berry | white, 8.1 to 1 |
| 4 | `#524871` | `oklch(42.92% 0.0684 294.17)` | Harajuku Girl | white, 8.3 to 1 |
| 5 | `#56456d` | `oklch(42.41% 0.0683 303.77)` | Haunted Candelabra | white, 8.5 to 1 |
| 6 | `#5a4167` | `oklch(41.97% 0.0685 313.86)` | When Blue Met Red | white, 8.7 to 1 |
| 7 | `#5f3f62` | `oklch(41.67% 0.0694 323.98)` | Purple Odyssey | white, 8.8 to 1 |
| 8 | `#633d5c` | `oklch(41.60% 0.0711 333.70)` | Precious Jewels | white, 8.9 to 1 |
| 9 | `#683c57` | `oklch(41.83% 0.0739 342.69)` | Primitive Plum | white, 8.8 to 1 |
| 10 | `#703b52` | `oklch(42.64% 0.0789 353.32)` | Ruby Nights | white, 8.6 to 1 |
| 11 | `#793c4b` | `oklch(43.92% 0.0858 5.63)` | July Ruby | white, 8.1 to 1 |
| 12 | `#833f42` | `oklch(45.44% 0.0937 18.32)` | Red Red Wine | white, 7.6 to 1 |
| 13 | `#8b4237` | `oklch(46.96% 0.1016 30.13)` | Chocolate Cherry | white, 7.1 to 1 |
| 14 | `#90462b` | `oklch(48.24% 0.1086 39.76)` | Sedona Stone | white, 6.7 to 1 |
| 15 | `#934821` | `oklch(49.04% 0.1137 45.95)` | Madeira Brown | white, 6.5 to 1 |
| 16 | `#94481d` | `oklch(49.12% 0.1160 47.41)` | Nightcap | white, 6.5 to 1 |
| 17 | `#924523` | `oklch(48.24% 0.1145 42.52)` | Madeira Brown | white, 6.7 to 1 |
| 18 | `#8c3d33` | `oklch(46.35% 0.1092 29.44)` | Strong Strawberry | white, 7.4 to 1 |
| 19 | `#7f3745` | `oklch(43.69% 0.1010 10.23)` | Ripe Rhubarb | white, 8.3 to 1 |
| 20 | `#6c3352` | `oklch(40.54% 0.0909 347.46)` | Burlat Red | white, 9.4 to 1 |
| 21 | `#553058` | `oklch(37.20% 0.0799 323.70)` | Grape Royale | white, 10.7 to 1 |
| 22 | `#3e2e56` | `oklch(33.93% 0.0692 301.53)` | Violet Purple | white, 12 to 1 |
| 23 | `#2d2c4d` | `oklch(31.03% 0.0596 283.50)` | Lucky Point | white, 13.3 to 1 |
| 24 | `#222945` | `oklch(28.78% 0.0523 272.18)` | Fainting Light | white, 14.3 to 1 |
| 25 | `#1e263f` | `oklch(27.27% 0.0477 269.20)` | Eternal Darkness | white, 15 to 1 |
| 26 | `#1d233a` | `oklch(26.19% 0.0444 272.64)` | Cool Balaclavas Are Forever | white, 15.5 to 1 |
| 27 | `#1f2037` | `oklch(25.44% 0.0422 280.76)` | Eclipse Elixir | white, 15.9 to 1 |
| 28 | `#221e33` | `oklch(24.95% 0.0409 291.90)` | Black Howl | white, 16.1 to 1 |
| 29 | `#251c30` | `oklch(24.64% 0.0401 304.37)` | Black Howl | white, 16.3 to 1 |
| 30 | `#281a2d` | `oklch(24.43% 0.0396 316.50)` | Black Howl | white, 16.4 to 1 |
| 31 | `#2a192a` | `oklch(24.25% 0.0392 326.62)` | Black Cherry | white, 16.5 to 1 |
| 32 | `#2a1827` | `oklch(24.02% 0.0386 333.05)` | Black Cherry | white, 16.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #465079 0.0%, #494e78 3.2%, #4d4b75 6.5%, #524871 9.7%, #56456d 12.9%, #5a4167 16.1%, #5f3f62 19.4%, #633d5c 22.6%, #683c57 25.8%, #703b52 29.0%, #793c4b 32.3%, #833f42 35.5%, #8b4237 38.7%, #90462b 41.9%, #934821 45.2%, #94481d 48.4%, #924523 51.6%, #8c3d33 54.8%, #7f3745 58.1%, #6c3352 61.3%, #553058 64.5%, #3e2e56 67.7%, #2d2c4d 71.0%, #222945 74.2%, #1e263f 77.4%, #1d233a 80.6%, #1f2037 83.9%, #221e33 87.1%, #251c30 90.3%, #281a2d 93.5%, #2a192a 96.8%, #2a1827 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(44.09% 0.0689 272.81) 0.0%, oklch(43.84% 0.0689 278.24) 3.2%, oklch(43.42% 0.0687 285.51) 6.5%, oklch(42.92% 0.0684 294.17) 9.7%, oklch(42.41% 0.0683 303.77) 12.9%, oklch(41.97% 0.0685 313.86) 16.1%, oklch(41.67% 0.0694 323.98) 19.4%, oklch(41.60% 0.0711 333.70) 22.6%, oklch(41.83% 0.0739 342.69) 25.8%, oklch(42.64% 0.0789 353.32) 29.0%, oklch(43.92% 0.0858 5.63) 32.3%, oklch(45.44% 0.0937 18.32) 35.5%, oklch(46.96% 0.1016 30.13) 38.7%, oklch(48.24% 0.1086 39.76) 41.9%, oklch(49.04% 0.1137 45.95) 45.2%, oklch(49.12% 0.1160 47.41) 48.4%, oklch(48.24% 0.1145 42.52) 51.6%, oklch(46.35% 0.1092 29.44) 54.8%, oklch(43.69% 0.1010 10.23) 58.1%, oklch(40.54% 0.0909 347.46) 61.3%, oklch(37.20% 0.0799 323.70) 64.5%, oklch(33.93% 0.0692 301.53) 67.7%, oklch(31.03% 0.0596 283.50) 71.0%, oklch(28.78% 0.0523 272.18) 74.2%, oklch(27.27% 0.0477 269.20) 77.4%, oklch(26.19% 0.0444 272.64) 80.6%, oklch(25.44% 0.0422 280.76) 83.9%, oklch(24.95% 0.0409 291.90) 87.1%, oklch(24.64% 0.0401 304.37) 90.3%, oklch(24.43% 0.0396 316.50) 93.5%, oklch(24.25% 0.0392 326.62) 96.8%, oklch(24.02% 0.0386 333.05) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.441 | 0.069 | 272.8 |
| 2 | 0.417 | 0.073 | 340.4 |
| 3 | 0.488 | 0.116 | 406 |
| 4 | 0.283 | 0.051 | 270.7 |
| 5 | 0.24 | 0.039 | 333 |

## In these collections

- [Mooncake candlelight](https://grabient.com/mooncake-candlelight)

## Other forms

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