# Coral gold navy glow

Vivid tan, pink, purple and navy radial gradient with 32 colors: #ffe396, #ffdd90, #ffd589, #ffcd81, #ffc379, #ffb871, #ffab69, #ff9d62, #ff8c5c, #fd795c, #f36b64, #e45e6e, #cf5377, #b5497e, #97407f, #79397c, #5c3273, #422b66, #2d2457, #1b1e48, #0e183c, #051434, #011230, #00122e, #00122d, #001430, #001635, #00183b, #001a43, #001b4b, #011c4f, #021d52. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid tan, pink, purple and navy radial gradient
- Seed: `kU6klAVr035qYsegJT-A`
- Page: https://grabient.com/kU6klAVr035qYsegJT-A?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, vivid, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 14.8 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 | `#ffe396` | `oklch(92.12% 0.1006 90.01)` | Hesperide Apple Gold | black, 16.6 to 1 |
| 2 | `#ffdd90` | `oklch(90.85% 0.1029 86.35)` | Lemon Pound Cake | black, 15.9 to 1 |
| 3 | `#ffd589` | `oklch(89.34% 0.1057 81.94)` | Golden Eye | black, 15.1 to 1 |
| 4 | `#ffcd81` | `oklch(87.60% 0.1093 76.83)` | Deviled Eggs | black, 14.2 to 1 |
| 5 | `#ffc379` | `oklch(85.64% 0.1140 71.07)` | Bronze Blush | black, 13.3 to 1 |
| 6 | `#ffb871` | `oklch(83.46% 0.1202 64.70)` | Cheese Puff | black, 12.3 to 1 |
| 7 | `#ffab69` | `oklch(81.05% 0.1284 57.77)` | Transparent Orange | black, 11.2 to 1 |
| 8 | `#ff9d62` | `oklch(78.42% 0.1392 50.33)` | Fresh Cantaloupe | black, 10.2 to 1 |
| 9 | `#ff8c5c` | `oklch(75.58% 0.1534 42.41)` | Mango Orange | black, 9.1 to 1 |
| 10 | `#fd795c` | `oklch(72.52% 0.1671 34.07)` | Peachy Pinky | black, 8 to 1 |
| 11 | `#f36b64` | `oklch(69.25% 0.1684 25.35)` | Sriracha | black, 7 to 1 |
| 12 | `#e45e6e` | `oklch(65.62% 0.1661 15.94)` | Lovely Little Rosy | black, 6.1 to 1 |
| 13 | `#cf5377` | `oklch(61.25% 0.1599 4.90)` | Strawberry Moon | black, 5.1 to 1 |
| 14 | `#b5497e` | `oklch(56.29% 0.1508 352.58)` | Exuberant Pink | white, 4.9 to 1 |
| 15 | `#97407f` | `oklch(50.97% 0.1393 339.44)` | Purple Wine | white, 6.2 to 1 |
| 16 | `#79397c` | `oklch(45.47% 0.1265 325.92)` | Sparkling Grape | white, 7.8 to 1 |
| 17 | `#5c3273` | `oklch(40.00% 0.1132 312.48)` | Lounge Violet | white, 9.7 to 1 |
| 18 | `#422b66` | `oklch(34.76% 0.1001 299.56)` | Violet Indigo | white, 11.8 to 1 |
| 19 | `#2d2457` | `oklch(29.97% 0.0880 287.63)` | Cluedo Night | white, 14 to 1 |
| 20 | `#1b1e48` | `oklch(25.81% 0.0779 277.12)` | Konkikyō Blue | white, 15.8 to 1 |
| 21 | `#0e183c` | `oklch(22.50% 0.0705 268.49)` | Maastricht Blue | white, 17.2 to 1 |
| 22 | `#051434` | `oklch(20.23% 0.0666 262.17)` | Squid’s Ink | white, 18.1 to 1 |
| 23 | `#011230` | `oklch(18.93% 0.0656 257.94)` | Squid’s Ink | white, 18.5 to 1 |
| 24 | `#00122e` | `oklch(18.47% 0.0628 255.89)` | Squid’s Ink | white, 18.7 to 1 |
| 25 | `#00122d` | `oklch(18.62% 0.0609 254.80)` | Squid’s Ink | white, 18.6 to 1 |
| 26 | `#001430` | `oklch(19.28% 0.0630 254.78)` | Squid’s Ink | white, 18.4 to 1 |
| 27 | `#001635` | `oklch(20.29% 0.0681 255.55)` | Squid’s Ink | white, 18 to 1 |
| 28 | `#00183b` | `oklch(21.49% 0.0757 256.83)` | Navy | white, 17.6 to 1 |
| 29 | `#001a43` | `oklch(22.73% 0.0853 258.31)` | Maastricht Blue | white, 17.1 to 1 |
| 30 | `#001b4b` | `oklch(23.86% 0.0954 259.61)` | Oxford Blue | white, 16.6 to 1 |
| 31 | `#011c4f` | `oklch(24.73% 0.0994 260.54)` | Subnautical | white, 16.3 to 1 |
| 32 | `#021d52` | `oklch(25.20% 0.1020 260.84)` | Subnautical | white, 16.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ffe396 0.0%, #ffdd90 3.2%, #ffd589 6.5%, #ffcd81 9.7%, #ffc379 12.9%, #ffb871 16.1%, #ffab69 19.4%, #ff9d62 22.6%, #ff8c5c 25.8%, #fd795c 29.0%, #f36b64 32.3%, #e45e6e 35.5%, #cf5377 38.7%, #b5497e 41.9%, #97407f 45.2%, #79397c 48.4%, #5c3273 51.6%, #422b66 54.8%, #2d2457 58.1%, #1b1e48 61.3%, #0e183c 64.5%, #051434 67.7%, #011230 71.0%, #00122e 74.2%, #00122d 77.4%, #001430 80.6%, #001635 83.9%, #00183b 87.1%, #001a43 90.3%, #001b4b 93.5%, #011c4f 96.8%, #021d52 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(92.12% 0.1006 90.01) 0.0%, oklch(90.85% 0.1029 86.35) 3.2%, oklch(89.34% 0.1057 81.94) 6.5%, oklch(87.60% 0.1093 76.83) 9.7%, oklch(85.64% 0.1140 71.07) 12.9%, oklch(83.46% 0.1202 64.70) 16.1%, oklch(81.05% 0.1284 57.77) 19.4%, oklch(78.42% 0.1392 50.33) 22.6%, oklch(75.58% 0.1534 42.41) 25.8%, oklch(72.52% 0.1671 34.07) 29.0%, oklch(69.25% 0.1684 25.35) 32.3%, oklch(65.62% 0.1661 15.94) 35.5%, oklch(61.25% 0.1599 4.90) 38.7%, oklch(56.29% 0.1508 352.58) 41.9%, oklch(50.97% 0.1393 339.44) 45.2%, oklch(45.47% 0.1265 325.92) 48.4%, oklch(40.00% 0.1132 312.48) 51.6%, oklch(34.76% 0.1001 299.56) 54.8%, oklch(29.97% 0.0880 287.63) 58.1%, oklch(25.81% 0.0779 277.12) 61.3%, oklch(22.50% 0.0705 268.49) 64.5%, oklch(20.23% 0.0666 262.17) 67.7%, oklch(18.93% 0.0656 257.94) 71.0%, oklch(18.47% 0.0628 255.89) 74.2%, oklch(18.62% 0.0609 254.80) 77.4%, oklch(19.28% 0.0630 254.78) 80.6%, oklch(20.29% 0.0681 255.55) 83.9%, oklch(21.49% 0.0757 256.83) 87.1%, oklch(22.73% 0.0853 258.31) 90.3%, oklch(23.86% 0.0954 259.61) 93.5%, oklch(24.73% 0.0994 260.54) 96.8%, oklch(25.20% 0.1020 260.84) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.921 | 0.101 | 90 |
| 2 | 0.681 | 0.168 | 22.4 |
| 3 | 0.209 | 0.068 | -96 |
| 4 | 0.252 | 0.102 | -99.2 |

## In these collections

- [Synthwave gradients](https://grabient.com/synthwave-gradients)

## Other forms

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