Black to red angular gradient

Angular gradient, 32 colors at 180°: #000000, #010018, #531a3e, #9f3748, #ce5432. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#000000
#000000
#000000
#000001
#000002
#000005
#00000a
#000011
#010018
#04011f
#0c0326
#16052d
#220932
#2e0d36
#3b123a
#47163c
#531a3e
#5e1e41
#6a2243
#752645
#812b47
#8c2f48
#963349
#9f3748
#a83b47
#b03f45
#b74342
#bd473f
#c24b3b
#c74e38
#cb5135
#ce5432

CSS

background: conic-gradient(from 180deg in oklch, oklch(0.00% 0.0000 0.00) 0.0%, oklch(0.71% 0.0048 265.56) 3.2%, oklch(1.62% 0.0110 265.81) 6.5%, oklch(2.70% 0.0184 265.63) 9.7%, oklch(3.92% 0.0268 265.29) 12.9%, oklch(5.24% 0.0359 265.21) 16.1%, oklch(6.66% 0.0453 265.97) 19.4%, oklch(8.19% 0.0545 268.26) 22.6%, oklch(9.96% 0.0621 272.73) 25.8%, oklch(12.23% 0.0674 279.46) 29.0%, oklch(14.83% 0.0719 288.11) 32.3%, oklch(17.65% 0.0758 298.02) 35.5%, oklch(20.61% 0.0795 308.56) 38.7%, oklch(23.61% 0.0831 319.09) 41.9%, oklch(26.56% 0.0869 328.97) 45.2%, oklch(29.38% 0.0913 337.56) 48.4%, oklch(32.01% 0.0963 344.38) 51.6%, oklch(34.65% 0.1021 350.16) 54.8%, oklch(37.28% 0.1082 355.18) 58.1%, oklch(39.89% 0.1146 359.59) 61.3%, oklch(42.41% 0.1210 3.53) 64.5%, oklch(44.82% 0.1272 7.16) 67.7%, oklch(47.08% 0.1330 10.64) 71.0%, oklch(49.13% 0.1380 14.10) 74.2%, oklch(50.98% 0.1424 17.62) 77.4%, oklch(52.71% 0.1464 21.03) 80.6%, oklch(54.29% 0.1501 24.27) 83.9%, oklch(55.74% 0.1533 27.30) 87.1%, oklch(57.02% 0.1562 30.05) 90.3%, oklch(58.14% 0.1588 32.48) 93.5%, oklch(59.09% 0.1609 34.51) 96.8%, oklch(59.84% 0.1626 36.12) 100.0%);

In these collections

Red and black Black Friday gradients Dark multicolor gradients