Plum black to pearl

Linear gradient, 32 colors at 45°: #0c070d, #2f202e, #8f7d8d, #e2d7e0, #fff9fe. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#0c070d
#0e080f
#100911
#140b14
#170e18
#1c111c
#211521
#271a27
#2f202e
#382837
#433241
#4e3d4d
#5b4a59
#685666
#766474
#837180
#8f7d8d
#9c8a99
#a998a6
#b6a6b3
#c2b4c0
#cec1cc
#d9cdd7
#e2d7e0
#eadfe8
#efe6ee
#f4ebf2
#f7eff6
#faf2f9
#fcf5fb
#fef7fc
#fff9fe

CSS

background: linear-gradient(45deg in oklch, oklch(13.78% 0.0165 321.33) 0.0%, oklch(14.61% 0.0180 321.97) 3.2%, oklch(15.55% 0.0201 322.87) 6.5%, oklch(16.66% 0.0226 323.94) 9.7%, oklch(18.00% 0.0252 325.11) 12.9%, oklch(19.62% 0.0279 326.27) 16.1%, oklch(21.58% 0.0302 327.34) 19.4%, oklch(23.93% 0.0321 328.23) 22.6%, oklch(26.74% 0.0333 328.85) 25.8%, oklch(30.16% 0.0340 329.24) 29.0%, oklch(34.13% 0.0344 329.46) 32.3%, oklch(38.50% 0.0345 329.56) 35.5%, oklch(43.11% 0.0343 329.59) 38.7%, oklch(47.83% 0.0338 329.59) 41.9%, oklch(52.49% 0.0331 329.61) 45.2%, oklch(56.95% 0.0322 329.70) 48.4%, oklch(61.15% 0.0311 329.89) 51.6%, oklch(65.47% 0.0295 330.17) 54.8%, oklch(69.90% 0.0275 330.50) 58.1%, oklch(74.29% 0.0253 330.84) 61.3%, oklch(78.54% 0.0230 331.18) 64.5%, oklch(82.50% 0.0207 331.48) 67.7%, oklch(86.06% 0.0187 331.72) 71.0%, oklch(89.10% 0.0169 331.87) 74.2%, oklch(91.53% 0.0155 331.91) 77.4%, oklch(93.45% 0.0143 331.85) 80.6%, oklch(94.94% 0.0132 331.71) 83.9%, oklch(96.09% 0.0123 331.52) 87.1%, oklch(96.97% 0.0114 331.32) 90.3%, oklch(97.66% 0.0107 331.12) 93.5%, oklch(98.25% 0.0101 330.95) 96.8%, oklch(98.82% 0.0091 330.78) 100.0%);

In these collections

Black and white gradients