# Gunmetal coral light point

Peach, purple, navy and gray radial gradient with 64 colors: #f09f64, #ed9b65, #e89568, #e38e6a, #dc886c, #d4816f, #cb7a71, #c17373, #b66c74, #aa6574, #9d5f74, #915973, #845470, #784f6d, #6c4a69, #614565, #574160, #4e3d5b, #463a56, #3f3751, #39344d, #343249, #313146, #2e3043, #2c2f41, #2a2e3f, #292e3e, #282e3d, #282e3c, #282e3b, #282f3b, #29303b, #2a313c, #2b323d, #2c343e, #2d353f, #2f3740, #313942, #333b44, #353d46, #373f48, #39424a, #3b444c, #3e474f, #404a52, #444d55, #47515a, #4b565e, #4f5a63, #545f69, #58656e, #5d6a74, #616f7a, #667581, #6b7a87, #70808d, #748593, #798a99, #7d8f9e, #8194a3, #8598a8, #889cad, #8b9fb0, #8da1b3. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Peach, purple, navy and gray radial gradient
- Seed: `kUxFkoKg6wzCGutZDL_g`
- Page: https://grabient.com/kUxFkoKg6wzCGutZDL_g?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: dark center, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 6.3 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 | `#f09f64` | `oklch(77.17% 0.1226 56.25)` | Monarch Orange | black, 9.8 to 1 |
| 2 | `#ed9b65` | `oklch(75.96% 0.1204 52.83)` | Ridgeback | black, 9.4 to 1 |
| 3 | `#e89568` | `oklch(74.48% 0.1177 48.71)` | Peachy Maroney | black, 8.9 to 1 |
| 4 | `#e38e6a` | `oklch(72.75% 0.1146 43.95)` | Shell Coral | black, 8.3 to 1 |
| 5 | `#dc886c` | `oklch(70.80% 0.1112 38.63)` | Canyon Sunset | black, 7.7 to 1 |
| 6 | `#d4816f` | `oklch(68.65% 0.1074 32.82)` | Tawny Orange | black, 7.1 to 1 |
| 7 | `#cb7a71` | `oklch(66.35% 0.1033 26.57)` | Chilli Soda | black, 6.5 to 1 |
| 8 | `#c17373` | `oklch(63.91% 0.0990 19.97)` | Brandied Apricot | black, 5.9 to 1 |
| 9 | `#b66c74` | `oklch(61.38% 0.0945 13.07)` | Dusty Rose | black, 5.3 to 1 |
| 10 | `#aa6574` | `oklch(58.77% 0.0898 5.96)` | Berry Crush | black, 4.8 to 1 |
| 11 | `#9d5f74` | `oklch(56.13% 0.0851 358.69)` | Tropical Hibiscus | white, 4.8 to 1 |
| 12 | `#915973` | `oklch(53.47% 0.0803 351.34)` | Blackberry Tint | white, 5.4 to 1 |
| 13 | `#845470` | `oklch(50.84% 0.0755 343.98)` | Magnificence | white, 6 to 1 |
| 14 | `#784f6d` | `oklch(48.26% 0.0707 336.67)` | Brocade Violet | white, 6.7 to 1 |
| 15 | `#6c4a69` | `oklch(45.76% 0.0661 329.48)` | Old Fashioned Purple | white, 7.4 to 1 |
| 16 | `#614565` | `oklch(43.37% 0.0616 322.48)` | Pansy Petal | white, 8.2 to 1 |
| 17 | `#574160` | `oklch(41.12% 0.0572 315.75)` | Navy Cosmos | white, 9 to 1 |
| 18 | `#4e3d5b` | `oklch(39.05% 0.0531 309.34)` | Powerful Mauve | white, 9.8 to 1 |
| 19 | `#463a56` | `oklch(37.17% 0.0493 303.33)` | Purple Velvet | white, 10.5 to 1 |
| 20 | `#3f3751` | `oklch(35.53% 0.0458 297.79)` | Maharaja | white, 11.2 to 1 |
| 21 | `#39344d` | `oklch(34.16% 0.0427 292.78)` | Chrysomela Goettingensis | white, 11.8 to 1 |
| 22 | `#343249` | `oklch(33.07% 0.0400 288.38)` | Deep Velvet | white, 12.3 to 1 |
| 23 | `#313146` | `oklch(32.22% 0.0376 284.45)` | Deep Velvet | white, 12.6 to 1 |
| 24 | `#2e3043` | `oklch(31.53% 0.0353 280.78)` | Maritime Blue | white, 12.9 to 1 |
| 25 | `#2c2f41` | `oklch(30.99% 0.0333 277.38)` | Atlantic Charter | white, 13.2 to 1 |
| 26 | `#2a2e3f` | `oklch(30.58% 0.0314 274.22)` | Navy Blazer | white, 13.4 to 1 |
| 27 | `#292e3e` | `oklch(30.31% 0.0297 271.29)` | Navy Blazer | white, 13.5 to 1 |
| 28 | `#282e3d` | `oklch(30.17% 0.0281 268.58)` | Navy Blazer | white, 13.5 to 1 |
| 29 | `#282e3c` | `oklch(30.14% 0.0267 266.07)` | Navy Blazer | white, 13.5 to 1 |
| 30 | `#282e3b` | `oklch(30.23% 0.0254 263.76)` | Chimney Sweep | white, 13.5 to 1 |
| 31 | `#282f3b` | `oklch(30.42% 0.0242 261.63)` | Chimney Sweep | white, 13.4 to 1 |
| 32 | `#29303b` | `oklch(30.70% 0.0232 259.66)` | Diamond Black | white, 13.2 to 1 |
| 33 | `#2a313c` | `oklch(31.08% 0.0223 257.84)` | Diamond Black | white, 13.1 to 1 |
| 34 | `#2b323d` | `oklch(31.54% 0.0215 256.16)` | Salute | white, 12.8 to 1 |
| 35 | `#2c343e` | `oklch(32.07% 0.0208 254.60)` | Anchors Aweigh | white, 12.6 to 1 |
| 36 | `#2d353f` | `oklch(32.68% 0.0202 253.16)` | Anchorman | white, 12.3 to 1 |
| 37 | `#2f3740` | `oklch(33.34% 0.0196 251.81)` | Night Wizard | white, 12 to 1 |
| 38 | `#313942` | `oklch(34.06% 0.0192 250.55)` | Tempest in a Teapot | white, 11.7 to 1 |
| 39 | `#333b44` | `oklch(34.82% 0.0188 249.36)` | Do Not Disturb | white, 11.3 to 1 |
| 40 | `#353d46` | `oklch(35.62% 0.0185 248.23)` | Do Not Disturb | white, 11 to 1 |
| 41 | `#373f48` | `oklch(36.46% 0.0183 247.15)` | Inkblot | white, 10.6 to 1 |
| 42 | `#39424a` | `oklch(37.31% 0.0181 246.09)` | Cool Operator’s Overalls | white, 10.2 to 1 |
| 43 | `#3b444c` | `oklch(38.19% 0.0179 245.06)` | Arsenic | white, 9.9 to 1 |
| 44 | `#3e474f` | `oklch(39.16% 0.0179 244.12)` | Alpine Duck Grey | white, 9.5 to 1 |
| 45 | `#404a52` | `oklch(40.31% 0.0181 243.37)` | Medium Gunship Grey | white, 9 to 1 |
| 46 | `#444d55` | `oklch(41.62% 0.0184 242.78)` | Deepest Sea | white, 8.5 to 1 |
| 47 | `#47515a` | `oklch(43.06% 0.0189 242.35)` | Evening Storm | white, 8 to 1 |
| 48 | `#4b565e` | `oklch(44.62% 0.0195 242.06)` | Moody Black | white, 7.5 to 1 |
| 49 | `#4f5a63` | `oklch(46.28% 0.0203 241.90)` | Dark and Stormy Night | white, 7 to 1 |
| 50 | `#545f69` | `oklch(48.02% 0.0212 241.85)` | Wellerman | white, 6.5 to 1 |
| 51 | `#58656e` | `oklch(49.82% 0.0221 241.89)` | Slate Grey | white, 6 to 1 |
| 52 | `#5d6a74` | `oklch(51.66% 0.0232 242.02)` | Big Daddy Blue | white, 5.5 to 1 |
| 53 | `#616f7a` | `oklch(53.52% 0.0242 242.23)` | Stormy Weather | white, 5.1 to 1 |
| 54 | `#667581` | `oklch(55.39% 0.0254 242.48)` | Freedom Found | white, 4.7 to 1 |
| 55 | `#6b7a87` | `oklch(57.24% 0.0265 242.78)` | Magnet Dapple | black, 4.7 to 1 |
| 56 | `#70808d` | `oklch(59.06% 0.0276 243.11)` | Stormy Oceans | black, 5.1 to 1 |
| 57 | `#748593` | `oklch(60.82% 0.0287 243.45)` | New Steel | black, 5.5 to 1 |
| 58 | `#798a99` | `oklch(62.51% 0.0298 243.79)` | Spartan Blue | black, 5.9 to 1 |
| 59 | `#7d8f9e` | `oklch(64.11% 0.0308 244.12)` | London Square | black, 6.3 to 1 |
| 60 | `#8194a3` | `oklch(65.60% 0.0318 244.42)` | Storm Petrel | black, 6.6 to 1 |
| 61 | `#8598a8` | `oklch(66.96% 0.0326 244.68)` | Silver Storm | black, 7 to 1 |
| 62 | `#889cad` | `oklch(68.17% 0.0334 244.88)` | Blank Stare | black, 7.3 to 1 |
| 63 | `#8b9fb0` | `oklch(69.22% 0.0340 245.01)` | Qiān Hūi Grey | black, 7.6 to 1 |
| 64 | `#8da1b3` | `oklch(70.08% 0.0344 245.06)` | Foghorn | black, 7.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f09f64 0.0%, #ed9b65 1.6%, #e89568 3.2%, #e38e6a 4.8%, #dc886c 6.3%, #d4816f 7.9%, #cb7a71 9.5%, #c17373 11.1%, #b66c74 12.7%, #aa6574 14.3%, #9d5f74 15.9%, #915973 17.5%, #845470 19.0%, #784f6d 20.6%, #6c4a69 22.2%, #614565 23.8%, #574160 25.4%, #4e3d5b 27.0%, #463a56 28.6%, #3f3751 30.2%, #39344d 31.7%, #343249 33.3%, #313146 34.9%, #2e3043 36.5%, #2c2f41 38.1%, #2a2e3f 39.7%, #292e3e 41.3%, #282e3d 42.9%, #282e3c 44.4%, #282e3b 46.0%, #282f3b 47.6%, #29303b 49.2%, #2a313c 50.8%, #2b323d 52.4%, #2c343e 54.0%, #2d353f 55.6%, #2f3740 57.1%, #313942 58.7%, #333b44 60.3%, #353d46 61.9%, #373f48 63.5%, #39424a 65.1%, #3b444c 66.7%, #3e474f 68.3%, #404a52 69.8%, #444d55 71.4%, #47515a 73.0%, #4b565e 74.6%, #4f5a63 76.2%, #545f69 77.8%, #58656e 79.4%, #5d6a74 81.0%, #616f7a 82.5%, #667581 84.1%, #6b7a87 85.7%, #70808d 87.3%, #748593 88.9%, #798a99 90.5%, #7d8f9e 92.1%, #8194a3 93.7%, #8598a8 95.2%, #889cad 96.8%, #8b9fb0 98.4%, #8da1b3 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(77.17% 0.1226 56.25) 0.0%, oklch(75.96% 0.1204 52.83) 1.6%, oklch(74.48% 0.1177 48.71) 3.2%, oklch(72.75% 0.1146 43.95) 4.8%, oklch(70.80% 0.1112 38.63) 6.3%, oklch(68.65% 0.1074 32.82) 7.9%, oklch(66.35% 0.1033 26.57) 9.5%, oklch(63.91% 0.0990 19.97) 11.1%, oklch(61.38% 0.0945 13.07) 12.7%, oklch(58.77% 0.0898 5.96) 14.3%, oklch(56.13% 0.0851 358.69) 15.9%, oklch(53.47% 0.0803 351.34) 17.5%, oklch(50.84% 0.0755 343.98) 19.0%, oklch(48.26% 0.0707 336.67) 20.6%, oklch(45.76% 0.0661 329.48) 22.2%, oklch(43.37% 0.0616 322.48) 23.8%, oklch(41.12% 0.0572 315.75) 25.4%, oklch(39.05% 0.0531 309.34) 27.0%, oklch(37.17% 0.0493 303.33) 28.6%, oklch(35.53% 0.0458 297.79) 30.2%, oklch(34.16% 0.0427 292.78) 31.7%, oklch(33.07% 0.0400 288.38) 33.3%, oklch(32.22% 0.0376 284.45) 34.9%, oklch(31.53% 0.0353 280.78) 36.5%, oklch(30.99% 0.0333 277.38) 38.1%, oklch(30.58% 0.0314 274.22) 39.7%, oklch(30.31% 0.0297 271.29) 41.3%, oklch(30.17% 0.0281 268.58) 42.9%, oklch(30.14% 0.0267 266.07) 44.4%, oklch(30.23% 0.0254 263.76) 46.0%, oklch(30.42% 0.0242 261.63) 47.6%, oklch(30.70% 0.0232 259.66) 49.2%, oklch(31.08% 0.0223 257.84) 50.8%, oklch(31.54% 0.0215 256.16) 52.4%, oklch(32.07% 0.0208 254.60) 54.0%, oklch(32.68% 0.0202 253.16) 55.6%, oklch(33.34% 0.0196 251.81) 57.1%, oklch(34.06% 0.0192 250.55) 58.7%, oklch(34.82% 0.0188 249.36) 60.3%, oklch(35.62% 0.0185 248.23) 61.9%, oklch(36.46% 0.0183 247.15) 63.5%, oklch(37.31% 0.0181 246.09) 65.1%, oklch(38.19% 0.0179 245.06) 66.7%, oklch(39.16% 0.0179 244.12) 68.3%, oklch(40.31% 0.0181 243.37) 69.8%, oklch(41.62% 0.0184 242.78) 71.4%, oklch(43.06% 0.0189 242.35) 73.0%, oklch(44.62% 0.0195 242.06) 74.6%, oklch(46.28% 0.0203 241.90) 76.2%, oklch(48.02% 0.0212 241.85) 77.8%, oklch(49.82% 0.0221 241.89) 79.4%, oklch(51.66% 0.0232 242.02) 81.0%, oklch(53.52% 0.0242 242.23) 82.5%, oklch(55.39% 0.0254 242.48) 84.1%, oklch(57.24% 0.0265 242.78) 85.7%, oklch(59.06% 0.0276 243.11) 87.3%, oklch(60.82% 0.0287 243.45) 88.9%, oklch(62.51% 0.0298 243.79) 90.5%, oklch(64.11% 0.0308 244.12) 92.1%, oklch(65.60% 0.0318 244.42) 93.7%, oklch(66.96% 0.0326 244.68) 95.2%, oklch(68.17% 0.0334 244.88) 96.8%, oklch(69.22% 0.0340 245.01) 98.4%, oklch(70.08% 0.0344 245.06) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.772 | 0.123 | 56.3 |
| 2 | 0.331 | 0.04 | -71.6 |
| 3 | 0.382 | 0.018 | -114.9 |
| 4 | 0.701 | 0.034 | -114.9 |

## In these collections

- [Metallic gradients](https://grabient.com/metallic-gradients)

## Other forms

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