Xanh cổ vịt, xanh dương và hồng (ba tông) liền mạch (gradient hình nón)

Xanh cổ vịt, xanh dương và hồng (ba tông) liền mạch: bảng màu gồm 32 màu. #00565c, #cf6d94, #005754. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 8 keyframe OKLCH chỉnh sửa được.

#00565c
#005e63
#006a6e
#00787a
#008585
#198e8b
#3a968d
#529b90
#629f95
#68a09f
#6d9aab
#7c8eaf
#8f80a4
#9d7694
#aa728c
#bc708d
#cf6d94
#dc699c
#e2629a
#e0598d
#d94d7c
#cd4571
#be4370
#ac4a7c
#935686
#7a6184
#6a6679
#61646f
#535f6c
#3c5b69
#1a5a60
#005754

CSS

background: conic-gradient(from 225deg in oklch, oklch(41.34% 0.0704 202.51) 0.0%, oklch(43.96% 0.0747 201.03) 3.2%, oklch(47.74% 0.0812 198.85) 6.5%, oklch(51.92% 0.0884 196.53) 9.7%, oklch(55.75% 0.0952 194.61) 12.9%, oklch(58.72% 0.0956 192.47) 16.1%, oklch(61.50% 0.0870 187.07) 19.4%, oklch(63.92% 0.0755 182.52) 22.6%, oklch(65.72% 0.0648 183.70) 25.8%, oklch(66.58% 0.0587 195.58) 29.0%, oklch(65.98% 0.0555 223.90) 32.3%, oklch(64.33% 0.0541 263.08) 35.5%, oklch(62.53% 0.0560 303.34) 38.7%, oklch(61.46% 0.0630 334.89) 41.9%, oklch(61.93% 0.0780 350.86) 45.2%, oklch(63.68% 0.1026 356.40) 48.4%, oklch(65.76% 0.1302 356.13) 51.6%, oklch(67.21% 0.1542 354.40) 54.8%, oklch(67.08% 0.1683 355.41) 58.1%, oklch(65.18% 0.1758 359.23) 61.3%, oklch(62.28% 0.1783 3.09) 64.5%, oklch(59.14% 0.1745 4.51) 67.7%, oklch(56.57% 0.1635 1.00) 71.0%, oklch(55.01% 0.1396 350.79) 74.2%, oklch(53.98% 0.1019 335.19) 77.4%, oklch(53.11% 0.0616 316.29) 80.6%, oklch(52.03% 0.0302 296.17) 83.9%, oklch(50.37% 0.0185 276.11) 87.1%, oklch(48.01% 0.0259 252.38) 90.3%, oklch(45.38% 0.0437 227.44) 93.5%, oklch(42.99% 0.0632 205.26) 96.8%, oklch(41.34% 0.0714 189.82) 100.0%);

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

Gradient hồng và xanh cổ vịt

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