Xanh cổ vịt, tím, xanh dương và xám (tương đồng) (gradient tuyến tính)

Bảng màu Xanh cổ vịt, tím, xanh dương và xám (tương đồng)

Gradient tuyến tính, 32 màu, góc 225°: #12323f, #49c0b9, #6b61a3, #16496f, #e8f2f0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#12323f
#163d4a
#1c4e5b
#23646d
#2c7b80
#389392
#42a8a1
#49b8ae
#49c0b9
#41c0c4
#3db8ce
#45abd3
#5599d1
#6387c8
#6b76bb
#6e69ad
#6b61a3
#62599a
#555190
#464a86
#36457d
#284376
#1c4470
#16496f
#1d5474
#31677f
#4d7e8e
#6f99a1
#93b4b7
#b6cdcd
#d3e3e1
#e8f2f0

CSS

background: linear-gradient(225deg in oklch, oklch(29.92% 0.0441 227.81) 0.0%, oklch(33.88% 0.0494 223.68) 3.2%, oklch(39.65% 0.0570 217.08) 6.5%, oklch(46.55% 0.0660 209.16) 9.7%, oklch(53.90% 0.0757 201.07) 12.9%, oklch(60.99% 0.0853 193.95) 16.1%, oklch(67.15% 0.0940 188.95) 19.4%, oklch(71.69% 0.1010 187.20) 22.6%, oklch(73.95% 0.1056 189.90) 25.8%, oklch(74.03% 0.1082 198.45) 29.0%, oklch(72.49% 0.1094 211.73) 32.3%, oklch(69.74% 0.1095 227.92) 35.5%, oklch(66.24% 0.1087 245.20) 38.7%, oklch(62.42% 0.1074 261.76) 41.9%, oklch(58.72% 0.1058 275.78) 45.2%, oklch(55.56% 0.1041 285.43) 48.4%, oklch(53.12% 0.1027 289.27) 51.6%, oklch(50.16% 0.1013 288.76) 54.8%, oklch(46.81% 0.0999 284.96) 58.1%, oklch(43.51% 0.0982 278.71) 61.3%, oklch(40.68% 0.0959 270.81) 64.5%, oklch(38.73% 0.0930 262.08) 67.7%, oklch(38.09% 0.0891 253.35) 71.0%, oklch(39.17% 0.0841 245.42) 74.2%, oklch(42.60% 0.0775 238.14) 77.4%, oklch(48.65% 0.0685 229.76) 80.6%, oklch(56.54% 0.0581 220.67) 83.9%, oklch(65.46% 0.0470 211.39) 87.1%, oklch(74.61% 0.0359 202.42) 90.3%, oklch(83.16% 0.0257 194.25) 93.5%, oklch(90.32% 0.0171 187.40) 96.8%, oklch(95.28% 0.0110 182.37) 100.0%);

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

Gradient tông lạnh

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