Pearly blush steel descent
Across the diagonal gradient, pearly lavender warms into peach blush, then returns through lilac to steel blue and deep blue-black. Linear gradient, 32 colors at 111°: #f7e8fe, #f7b3b1, #c0a0d7, #5f86a7, #20233e. Edit and export CSS, SVG, PNG or a shader.
4 editable OKLCH keyframes.
- #f7e8fe
- #f7e3fb
- #f8def6
- #f9d7ef
- #fad0e5
- #fbc8d9
- #fbc1cb
- #f9babd
- #f7b3b1
- #f4ada7
- #f1a8a1
- #eea3a1
- #ea9fa7
- #e49db2
- #dc9cc0
- #cf9ecd
- #c0a0d7
- #aea3db
- #9da5da
- #8da5d5
- #7fa2cc
- #749bc1
- #6992b5
- #5f86a7
- #557898
- #4b6989
- #425a7a
- #394b6b
- #323e5d
- #2b3350
- #252a46
- #20233e
CSS
background: linear-gradient(111deg in oklch, oklch(94.88% 0.0344 315.70) 0.0%, oklch(93.98% 0.0378 320.50) 3.2%, oklch(92.81% 0.0425 327.76) 6.5%, oklch(91.42% 0.0482 336.72) 9.7%, oklch(89.86% 0.0546 346.66) 12.9%, oklch(88.18% 0.0612 356.84) 16.1%, oklch(86.44% 0.0679 6.50) 19.4%, oklch(84.70% 0.0742 14.91) 22.6%, oklch(83.00% 0.0797 21.33) 25.8%, oklch(81.41% 0.0843 25.01) 29.0%, oklch(79.97% 0.0875 25.22) 32.3%, oklch(78.75% 0.0891 21.10) 35.5%, oklch(77.84% 0.0896 12.36) 38.7%, oklch(77.13% 0.0890 359.92) 41.9%, oklch(76.54% 0.0877 344.80) 45.2%, oklch(75.97% 0.0857 327.99) 48.4%, oklch(75.33% 0.0833 310.50) 51.6%, oklch(74.51% 0.0807 293.31) 54.8%, oklch(73.42% 0.0780 277.44) 58.1%, oklch(71.98% 0.0753 263.88) 61.3%, oklch(70.07% 0.0730 253.63) 64.5%, oklch(67.60% 0.0710 247.59) 67.7%, oklch(64.32% 0.0690 245.00) 71.0%, oklch(60.33% 0.0669 245.05) 74.2%, oklch(55.84% 0.0646 247.21) 77.4%, oklch(51.04% 0.0622 250.97) 80.6%, oklch(46.13% 0.0599 255.80) 83.9%, oklch(41.30% 0.0577 261.17) 87.1%, oklch(36.75% 0.0556 266.56) 90.3%, oklch(32.69% 0.0537 271.46) 93.5%, oklch(29.29% 0.0522 275.33) 96.8%, oklch(26.77% 0.0510 277.66) 100.0%);In these collections
Backstage powder chromeExtra celestial
Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works
