Xanh cổ vịt và xanh dương (tương đồng) (gradient hình nón)

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

Gradient hình nón, 32 màu, góc 45°: #33cfc3, #02939b, #145d73, #0096a6, #5fdad0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#33cfc3
#2fcbc0
#29c4bc
#23bdb7
#1cb5b2
#14acac
#0da3a6
#069ba0
#02939b
#028b95
#05818e
#097787
#0d6e80
#10667a
#126075
#135d72
#145d73
#136177
#10677d
#0b6f85
#03788e
#008396
#008d9e
#0096a6
#049fac
#18a8b2
#28b2b8
#36bcbe
#43c5c4
#4fcdc9
#58d4cd
#5fdad0

CSS

background: conic-gradient(from 45deg in oklch, oklch(77.56% 0.1254 187.03) 0.0%, oklch(76.23% 0.1237 188.07) 3.2%, oklch(74.47% 0.1214 189.39) 6.5%, oklch(72.36% 0.1187 190.96) 9.7%, oklch(70.02% 0.1157 192.75) 12.9%, oklch(67.56% 0.1125 194.71) 16.1%, oklch(65.08% 0.1091 196.82) 19.4%, oklch(62.69% 0.1058 199.05) 22.6%, oklch(60.47% 0.1025 201.38) 25.8%, oklch(57.98% 0.0986 204.28) 29.0%, oklch(55.20% 0.0940 207.73) 32.3%, oklch(52.34% 0.0892 211.42) 35.5%, oklch(49.63% 0.0845 215.05) 38.7%, oklch(47.29% 0.0805 218.32) 41.9%, oklch(45.53% 0.0775 220.93) 45.2%, oklch(44.59% 0.0759 222.59) 48.4%, oklch(44.66% 0.0762 223.02) 51.6%, oklch(45.74% 0.0786 222.34) 54.8%, oklch(47.61% 0.0826 220.77) 58.1%, oklch(50.08% 0.0877 218.56) 61.3%, oklch(52.92% 0.0932 215.92) 64.5%, oklch(55.92% 0.0979 213.09) 67.7%, oklch(58.89% 0.1019 210.27) 71.0%, oklch(61.59% 0.1058 207.69) 74.2%, oklch(64.09% 0.1089 205.31) 77.4%, oklch(66.84% 0.1101 202.65) 80.6%, oklch(69.72% 0.1107 199.82) 83.9%, oklch(72.60% 0.1108 196.96) 87.1%, oklch(75.36% 0.1107 194.21) 90.3%, oklch(77.85% 0.1104 191.72) 93.5%, oklch(79.94% 0.1102 189.63) 96.8%, oklch(81.50% 0.1102 188.09) 100.0%);

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

Xanh ngọc lam

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