Đen, đỏ và hồng đào liền mạch (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #070507, #620e19, #eba381, #c02039, #110607. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

8 keyframe OKLCH chỉnh sửa được.

#070507
#0b060a
#12070c
#1b080f
#250910
#310a11
#400b14
#500d16
#620e19
#74111c
#870f20
#9c0727
#b0092f
#c32138
#d54743
#e4775b
#eba381
#eec1a5
#efc8ae
#f0b695
#ef9170
#e66452
#d53a44
#c02039
#a6122d
#8c1022
#72101a
#5b0d15
#440b11
#2f0a0e
#1d080a
#110607

CSS

background: linear-gradient(135deg in oklch, oklch(12.20% 0.0069 331.88) 0.0%, oklch(13.29% 0.0140 338.41) 3.2%, oklch(14.79% 0.0239 347.95) 6.5%, oklch(16.68% 0.0359 358.26) 9.7%, oklch(18.97% 0.0492 7.12) 12.9%, oklch(21.70% 0.0635 12.80) 16.1%, oklch(24.96% 0.0800 16.47) 19.4%, oklch(28.60% 0.0978 18.84) 22.6%, oklch(32.46% 0.1154 20.42) 25.8%, oklch(36.38% 0.1318 21.70) 29.0%, oklch(40.17% 0.1516 21.51) 32.3%, oklch(44.01% 0.1731 20.18) 35.5%, oklch(48.22% 0.1895 19.34) 38.7%, oklch(53.14% 0.1945 20.58) 41.9%, oklch(59.75% 0.1791 25.95) 45.2%, oklch(68.77% 0.1415 35.71) 48.4%, oklch(77.83% 0.0977 46.39) 51.6%, oklch(84.42% 0.0639 54.37) 54.8%, oklch(86.06% 0.0566 56.06) 58.1%, oklch(82.15% 0.0813 50.32) 61.3%, oklch(74.75% 0.1233 40.31) 64.5%, oklch(66.08% 0.1656 29.71) 67.7%, oklch(58.37% 0.1915 22.16) 71.0%, oklch(52.40% 0.1922 19.63) 74.2%, oklch(46.66% 0.1778 19.93) 77.4%, oklch(41.15% 0.1552 21.47) 80.6%, oklch(35.92% 0.1307 22.67) 83.9%, oklch(30.94% 0.1096 22.12) 87.1%, oklch(25.90% 0.0856 20.28) 90.3%, oklch(21.12% 0.0603 17.92) 93.5%, oklch(17.05% 0.0377 15.67) 96.8%, oklch(14.17% 0.0220 14.15) 100.0%);

Trong các bộ sưu tập này

Đỏ và đen

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động