# White, navy, gray and pink radial gradient

White, navy, gray and pink radial gradient with 56 colors: #f1fff9, #e5f7f0, #d6ebe4, #c3ded7, #aed0c9, #98c0ba, #81b0ac, #6aa09f, #539093, #3f8289, #2c7581, #1d697a, #145f75, #135571, #174c6c, #1d4367, #233b61, #27335b, #2a2d54, #2b284d, #2c2447, #2b2143, #2a1e3f, #281d3d, #241c3c, #1f1d3b, #191e3b, #141f3a, #0e2239, #092439, #072839, #082c3b, #0d303f, #163645, #223d4f, #34465c, #49526a, #615f77, #7a6d83, #917d8e, #a78d97, #ba9d9f, #c9aba6, #d5b7ab, #debdad, #e4bfaa, #e9bba3, #edb39c, #f0a895, #f09992, #ed8a94, #e77b9b, #de6ea4, #d364af, #c85cb8, #c057be. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kY-wx4PZvFiIWSaoETgaJBU0_Ctm`
- Page: https://grabient.com/kY-wx4PZvFiIWSaoETgaJBU0_Ctm?style=radialGradient&steps=56&angle=0
- Drawn as: radial gradient, 56 steps, 0 degrees
- Kinds: dark center
- Hues: two-hue
- Contrast of its darkest and lightest colors: 15.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 | `#f1fff9` | `oklch(98.82% 0.0164 168.78)` | Mint Cream | black, 20.4 to 1 |
| 2 | `#e5f7f0` | `oklch(96.02% 0.0200 171.16)` | Frosty Mint | black, 18.8 to 1 |
| 3 | `#d6ebe4` | `oklch(92.33% 0.0247 174.03)` | Stillness | black, 16.9 to 1 |
| 4 | `#c3ded7` | `oklch(87.93% 0.0304 177.35)` | Green Wave | black, 14.7 to 1 |
| 5 | `#aed0c9` | `oklch(83.00% 0.0368 181.07)` | Cassiopeia | black, 12.6 to 1 |
| 6 | `#98c0ba` | `oklch(77.70% 0.0437 185.18)` | Envisage | black, 10.5 to 1 |
| 7 | `#81b0ac` | `oklch(72.23% 0.0505 189.65)` | Galaxy Green | black, 8.7 to 1 |
| 8 | `#6aa09f` | `oklch(66.75% 0.0572 194.44)` | Folk Song | black, 7.1 to 1 |
| 9 | `#539093` | `oklch(61.46% 0.0634 199.53)` | Half Baked | black, 5.8 to 1 |
| 10 | `#3f8289` | `oklch(56.52% 0.0687 204.89)` | Shady Blue | black, 4.7 to 1 |
| 11 | `#2c7581` | `oklch(52.12% 0.0730 210.49)` | Blue Kelp | white, 5.3 to 1 |
| 12 | `#1d697a` | `oklch(48.43% 0.0758 216.30)` | Hanaasagi Blue | white, 6.2 to 1 |
| 13 | `#145f75` | `oklch(45.28% 0.0772 223.05)` | Deep Blue Sea | white, 7.1 to 1 |
| 14 | `#135571` | `oklch(42.38% 0.0775 231.18)` | Tardis | white, 8.1 to 1 |
| 15 | `#174c6c` | `oklch(39.73% 0.0770 240.30)` | Indigo Cloth | white, 9.2 to 1 |
| 16 | `#1d4367` | `oklch(37.33% 0.0757 249.98)` | Lucidity | white, 10.2 to 1 |
| 17 | `#233b61` | `oklch(35.15% 0.0739 259.81)` | Midnight Sleigh | white, 11.2 to 1 |
| 18 | `#27335b` | `oklch(33.21% 0.0716 269.37)` | Midnight Escapade | white, 12.2 to 1 |
| 19 | `#2a2d54` | `oklch(31.49% 0.0692 278.26)` | Deep Sea Base | white, 13.1 to 1 |
| 20 | `#2b284d` | `oklch(30.00% 0.0667 286.05)` | Cardinal Mauve | white, 13.8 to 1 |
| 21 | `#2c2447` | `oklch(28.71% 0.0643 292.34)` | Elderberry | white, 14.5 to 1 |
| 22 | `#2b2143` | `oklch(27.64% 0.0622 296.70)` | Midnight Velvet | white, 15 to 1 |
| 23 | `#2a1e3f` | `oklch(26.77% 0.0606 298.73)` | Throat | white, 15.4 to 1 |
| 24 | `#281d3d` | `oklch(26.04% 0.0593 297.36)` | Throat | white, 15.7 to 1 |
| 25 | `#241c3c` | `oklch(25.40% 0.0579 292.41)` | Throat | white, 16 to 1 |
| 26 | `#1f1d3b` | `oklch(24.91% 0.0565 284.75)` | Nightwalker | white, 16.2 to 1 |
| 27 | `#191e3b` | `oklch(24.61% 0.0551 275.27)` | Nightwalker | white, 16.3 to 1 |
| 28 | `#141f3a` | `oklch(24.54% 0.0537 264.85)` | Nightwalker | white, 16.2 to 1 |
| 29 | `#0e2239` | `oklch(24.75% 0.0523 254.38)` | Celestial Canvas | white, 16.1 to 1 |
| 30 | `#092439` | `oklch(25.28% 0.0510 244.74)` | Celestial Canvas | white, 15.8 to 1 |
| 31 | `#072839` | `oklch(26.17% 0.0498 236.81)` | Murky Depths | white, 15.3 to 1 |
| 32 | `#082c3b` | `oklch(27.48% 0.0487 231.48)` | Oceanic Noir | white, 14.7 to 1 |
| 33 | `#0d303f` | `oklch(29.24% 0.0477 229.64)` | NATO Blue | white, 13.8 to 1 |
| 34 | `#163645` | `oklch(31.50% 0.0469 232.16)` | Into the Night | white, 12.8 to 1 |
| 35 | `#223d4f` | `oklch(34.65% 0.0457 240.03)` | Asurmen Blue Wash | white, 11.3 to 1 |
| 36 | `#34465c` | `oklch(38.88% 0.0438 252.92)` | Spelunking | white, 9.6 to 1 |
| 37 | `#49526a` | `oklch(43.93% 0.0415 269.70)` | Elegant Navy | white, 7.8 to 1 |
| 38 | `#615f77` | `oklch(49.54% 0.0391 289.24)` | Twilight Dusk | white, 6.1 to 1 |
| 39 | `#7a6d83` | `oklch(55.44% 0.0369 310.41)` | Composer’s Magic | white, 4.8 to 1 |
| 40 | `#917d8e` | `oklch(61.37% 0.0351 332.08)` | Plum Swirl | black, 5.5 to 1 |
| 41 | `#a78d97` | `oklch(67.07% 0.0342 353.14)` | Gothic Amethyst | black, 6.9 to 1 |
| 42 | `#ba9d9f` | `oklch(72.27% 0.0343 12.45)` | Desert Lights | black, 8.4 to 1 |
| 43 | `#c9aba6` | `oklch(76.72% 0.0358 28.89)` | Rosy Tan | black, 9.8 to 1 |
| 44 | `#d5b7ab` | `oklch(80.14% 0.0390 41.32)` | Pink Apatite | black, 11.1 to 1 |
| 45 | `#debdad` | `oklch(82.28% 0.0441 48.63)` | One to Remember | black, 12 to 1 |
| 46 | `#e4bfaa` | `oklch(83.07% 0.0519 50.68)` | Fresh-Baked | black, 12.3 to 1 |
| 47 | `#e9bba3` | `oklch(82.73% 0.0626 48.57)` | Sunset Drive | black, 12.1 to 1 |
| 48 | `#edb39c` | `oklch(81.47% 0.0756 43.08)` | Wax Flower | black, 11.5 to 1 |
| 49 | `#f0a895` | `oklch(79.49% 0.0901 34.96)` | Pretty Primrose | black, 10.6 to 1 |
| 50 | `#f09992` | `oklch(76.99% 0.1056 24.96)` | Coral Bead | black, 9.7 to 1 |
| 51 | `#ed8a94` | `oklch(74.19% 0.1214 13.86)` | Flamingo Dream | black, 8.6 to 1 |
| 52 | `#e77b9b` | `oklch(71.27% 0.1369 2.42)` | Pink Carnation | black, 7.7 to 1 |
| 53 | `#de6ea4` | `oklch(68.45% 0.1515 351.38)` | China Pink | black, 6.8 to 1 |
| 54 | `#d364af` | `oklch(65.93% 0.1645 341.51)` | Mega Magenta | black, 6.1 to 1 |
| 55 | `#c85cb8` | `oklch(63.91% 0.1753 333.57)` | Pú Táo Zǐ Purple | black, 5.6 to 1 |
| 56 | `#c057be` | `oklch(62.60% 0.1833 328.32)` | Still Fuchsia | black, 5.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f1fff9 0.0%, #e5f7f0 1.8%, #d6ebe4 3.6%, #c3ded7 5.5%, #aed0c9 7.3%, #98c0ba 9.1%, #81b0ac 10.9%, #6aa09f 12.7%, #539093 14.5%, #3f8289 16.4%, #2c7581 18.2%, #1d697a 20.0%, #145f75 21.8%, #135571 23.6%, #174c6c 25.5%, #1d4367 27.3%, #233b61 29.1%, #27335b 30.9%, #2a2d54 32.7%, #2b284d 34.5%, #2c2447 36.4%, #2b2143 38.2%, #2a1e3f 40.0%, #281d3d 41.8%, #241c3c 43.6%, #1f1d3b 45.5%, #191e3b 47.3%, #141f3a 49.1%, #0e2239 50.9%, #092439 52.7%, #072839 54.5%, #082c3b 56.4%, #0d303f 58.2%, #163645 60.0%, #223d4f 61.8%, #34465c 63.6%, #49526a 65.5%, #615f77 67.3%, #7a6d83 69.1%, #917d8e 70.9%, #a78d97 72.7%, #ba9d9f 74.5%, #c9aba6 76.4%, #d5b7ab 78.2%, #debdad 80.0%, #e4bfaa 81.8%, #e9bba3 83.6%, #edb39c 85.5%, #f0a895 87.3%, #f09992 89.1%, #ed8a94 90.9%, #e77b9b 92.7%, #de6ea4 94.5%, #d364af 96.4%, #c85cb8 98.2%, #c057be 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(98.82% 0.0164 168.78) 0.0%, oklch(96.02% 0.0200 171.16) 1.8%, oklch(92.33% 0.0247 174.03) 3.6%, oklch(87.93% 0.0304 177.35) 5.5%, oklch(83.00% 0.0368 181.07) 7.3%, oklch(77.70% 0.0437 185.18) 9.1%, oklch(72.23% 0.0505 189.65) 10.9%, oklch(66.75% 0.0572 194.44) 12.7%, oklch(61.46% 0.0634 199.53) 14.5%, oklch(56.52% 0.0687 204.89) 16.4%, oklch(52.12% 0.0730 210.49) 18.2%, oklch(48.43% 0.0758 216.30) 20.0%, oklch(45.28% 0.0772 223.05) 21.8%, oklch(42.38% 0.0775 231.18) 23.6%, oklch(39.73% 0.0770 240.30) 25.5%, oklch(37.33% 0.0757 249.98) 27.3%, oklch(35.15% 0.0739 259.81) 29.1%, oklch(33.21% 0.0716 269.37) 30.9%, oklch(31.49% 0.0692 278.26) 32.7%, oklch(30.00% 0.0667 286.05) 34.5%, oklch(28.71% 0.0643 292.34) 36.4%, oklch(27.64% 0.0622 296.70) 38.2%, oklch(26.77% 0.0606 298.73) 40.0%, oklch(26.04% 0.0593 297.36) 41.8%, oklch(25.40% 0.0579 292.41) 43.6%, oklch(24.91% 0.0565 284.75) 45.5%, oklch(24.61% 0.0551 275.27) 47.3%, oklch(24.54% 0.0537 264.85) 49.1%, oklch(24.75% 0.0523 254.38) 50.9%, oklch(25.28% 0.0510 244.74) 52.7%, oklch(26.17% 0.0498 236.81) 54.5%, oklch(27.48% 0.0487 231.48) 56.4%, oklch(29.24% 0.0477 229.64) 58.2%, oklch(31.50% 0.0469 232.16) 60.0%, oklch(34.65% 0.0457 240.03) 61.8%, oklch(38.88% 0.0438 252.92) 63.6%, oklch(43.93% 0.0415 269.70) 65.5%, oklch(49.54% 0.0391 289.24) 67.3%, oklch(55.44% 0.0369 310.41) 69.1%, oklch(61.37% 0.0351 332.08) 70.9%, oklch(67.07% 0.0342 353.14) 72.7%, oklch(72.27% 0.0343 12.45) 74.5%, oklch(76.72% 0.0358 28.89) 76.4%, oklch(80.14% 0.0390 41.32) 78.2%, oklch(82.28% 0.0441 48.63) 80.0%, oklch(83.07% 0.0519 50.68) 81.8%, oklch(82.73% 0.0626 48.57) 83.6%, oklch(81.47% 0.0756 43.08) 85.5%, oklch(79.49% 0.0901 34.96) 87.3%, oklch(76.99% 0.1056 24.96) 89.1%, oklch(74.19% 0.1214 13.86) 90.9%, oklch(71.27% 0.1369 2.42) 92.7%, oklch(68.45% 0.1515 351.38) 94.5%, oklch(65.93% 0.1645 341.51) 96.4%, oklch(63.91% 0.1753 333.57) 98.2%, oklch(62.60% 0.1833 328.32) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.988 | 0.017 | 168.8 |
| 2 | 0.484 | 0.076 | 216.3 |
| 3 | 0.268 | 0.061 | 298.7 |
| 4 | 0.315 | 0.047 | 232.2 |
| 5 | 0.823 | 0.044 | 408.6 |
| 6 | 0.626 | 0.183 | 328.3 |

## Other forms

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