Xanh cổ vịt, trắng ngà, hồng đào và đỏ (gradient tuyến tính)

Bảng màu Xanh cổ vịt, trắng ngà, hồng đào và đỏ

Gradient tuyến tính, 32 màu, góc 135°: #3baea6, #e6ecd5, #feba99, #fb7665, #b93549. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#3baea6
#51b5ac
#6cbfb5
#87cbc0
#a0d6ca
#b4dfd0
#c6e5d2
#d7ead3
#e6ecd5
#f1eed8
#f8edd9
#fbead5
#fde3cb
#fedabe
#fecfb0
#fec4a3
#feba99
#ffb190
#ffa788
#ff9d7f
#ff9377
#fe8970
#fc806a
#fb7665
#f86d60
#f4635b
#ee5a58
#e45155
#d84851
#cc404e
#c1394c
#b93549

CSS

background: linear-gradient(135deg in oklch, oklch(68.50% 0.1020 188.44) 0.0%, oklch(71.14% 0.0944 187.02) 3.2%, oklch(74.97% 0.0834 185.71) 6.5%, oklch(79.32% 0.0710 183.37) 9.7%, oklch(83.53% 0.0590 178.88) 12.9%, oklch(86.95% 0.0494 171.11) 16.1%, oklch(89.44% 0.0425 158.30) 19.4%, oklch(91.59% 0.0363 140.37) 22.6%, oklch(93.29% 0.0314 120.10) 25.8%, oklch(94.44% 0.0289 100.32) 29.0%, oklch(94.90% 0.0293 83.85) 32.3%, oklch(94.49% 0.0338 72.63) 35.5%, oklch(93.09% 0.0426 64.77) 38.7%, oklch(91.03% 0.0542 59.18) 41.9%, oklch(88.68% 0.0670 54.91) 45.2%, oklch(86.42% 0.0797 51.04) 48.4%, oklch(84.52% 0.0910 46.87) 51.6%, oklch(82.69% 0.1021 43.34) 54.8%, oklch(80.86% 0.1130 40.45) 58.1%, oklch(79.03% 0.1246 37.98) 61.3%, oklch(77.20% 0.1367 35.69) 64.5%, oklch(75.38% 0.1465 33.39) 67.7%, oklch(73.64% 0.1563 31.30) 71.0%, oklch(71.94% 0.1657 29.44) 74.2%, oklch(70.18% 0.1739 27.72) 77.4%, oklch(68.28% 0.1801 26.06) 80.6%, oklch(66.16% 0.1836 24.35) 83.9%, oklch(63.52% 0.1833 22.49) 87.1%, oklch(60.52% 0.1800 20.59) 90.3%, oklch(57.54% 0.1754 18.80) 93.5%, oklch(54.96% 0.1709 17.28) 96.8%, oklch(53.15% 0.1681 16.19) 100.0%);

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

Bảng màu san hô

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