Xanh cổ vịt, xanh dương nhạt và trắng (tương đồng) (gradient xuyên tâm)

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

Gradient xuyên tâm, 32 màu: #5ecbb7, #b6f1e1, #eafbf7, #a7ebdd, #47b2ac. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#5ecbb7
#66ceba
#70d2bf
#7cd8c4
#89ddca
#95e3d1
#a1e8d7
#aceddc
#b6f1e1
#bff4e6
#c9f6ea
#d3f8ee
#dcfaf2
#e4fbf4
#e9fcf6
#ebfcf7
#eafbf7
#e6faf5
#dff9f3
#d6f8ef
#cbf5eb
#bff3e7
#b3efe2
#a7ebdd
#9ce5d8
#90ded1
#82d6ca
#75cec3
#67c5bb
#5bbdb5
#50b7af
#47b2ac

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(77.17% 0.1047 180.00) 0.0%, oklch(78.32% 0.1016 179.72) 3.2%, oklch(79.92% 0.0974 179.30) 6.5%, oklch(81.82% 0.0925 178.81) 9.7%, oklch(83.90% 0.0870 178.28) 12.9%, oklch(86.02% 0.0811 177.77) 16.1%, oklch(88.04% 0.0750 177.32) 19.4%, oklch(89.83% 0.0691 176.98) 22.6%, oklch(91.28% 0.0633 176.80) 25.8%, oklch(92.60% 0.0565 176.74) 29.0%, oklch(93.88% 0.0487 176.76) 32.3%, oklch(95.06% 0.0405 176.87) 35.5%, oklch(96.08% 0.0326 177.03) 38.7%, oklch(96.89% 0.0258 177.24) 41.9%, oklch(97.44% 0.0208 177.48) 45.2%, oklch(97.66% 0.0181 177.75) 48.4%, oklch(97.52% 0.0186 178.02) 51.6%, oklch(97.02% 0.0224 178.29) 54.8%, oklch(96.22% 0.0288 178.57) 58.1%, oklch(95.15% 0.0369 178.88) 61.3%, oklch(93.85% 0.0459 179.25) 64.5%, oklch(92.37% 0.0551 179.69) 67.7%, oklch(90.75% 0.0635 180.22) 71.0%, oklch(89.03% 0.0703 180.87) 74.2%, oklch(87.09% 0.0754 181.70) 77.4%, oklch(84.68% 0.0799 182.78) 80.6%, oklch(81.96% 0.0840 184.01) 83.9%, oklch(79.12% 0.0877 185.32) 87.1%, oklch(76.33% 0.0909 186.61) 90.3%, oklch(73.77% 0.0936 187.80) 93.5%, oklch(71.63% 0.0959 188.80) 96.8%, oklch(70.08% 0.0978 189.51) 100.0%);

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

Bảng màu xanh bạc 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