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

Bảng màu Xanh dương nhạt, xanh hải quân và xanh cổ vịt (tương đồng)

Gradient xuyên tâm, 32 màu: #e1f5ee, #47cabe, #037883, #063c49, #6ed6ce. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e1f5ee
#d7f2ea
#c8eee4
#b6eadd
#a2e5d6
#8be0d0
#74d9c9
#5cd2c3
#47cabe
#35c1b8
#25b7b1
#17adaa
#0ea2a3
#0a979b
#098c93
#08828b
#037883
#006d79
#00606d
#005361
#004856
#01404e
#033c49
#063c49
#0d4350
#17525d
#246670
#337e86
#43989d
#54b1b1
#63c7c2
#6ed6ce

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(95.28% 0.0220 175.08) 0.0%, oklch(93.86% 0.0302 175.86) 3.2%, oklch(92.01% 0.0418 176.85) 6.5%, oklch(89.82% 0.0558 178.01) 9.7%, oklch(87.35% 0.0708 179.35) 12.9%, oklch(84.71% 0.0854 180.84) 16.1%, oklch(81.96% 0.0983 182.48) 19.4%, oklch(79.20% 0.1083 184.24) 22.6%, oklch(76.49% 0.1140 186.13) 25.8%, oklch(73.68% 0.1160 188.29) 29.0%, oklch(70.71% 0.1152 190.71) 32.3%, oklch(67.65% 0.1124 193.29) 35.5%, oklch(64.53% 0.1081 195.96) 38.7%, oklch(61.41% 0.1030 198.62) 41.9%, oklch(58.34% 0.0977 201.19) 45.2%, oklch(55.37% 0.0929 203.57) 48.4%, oklch(52.41% 0.0889 205.79) 51.6%, oklch(48.77% 0.0839 208.31) 54.8%, oklch(44.73% 0.0777 211.04) 58.1%, oklch(40.70% 0.0714 213.68) 61.3%, oklch(37.10% 0.0659 216.02) 64.5%, oklch(34.35% 0.0613 217.74) 67.7%, oklch(32.87% 0.0579 218.70) 71.0%, oklch(33.09% 0.0565 218.62) 74.2%, oklch(35.59% 0.0577 217.13) 77.4%, oklch(40.55% 0.0615 214.07) 80.6%, oklch(47.27% 0.0672 209.90) 83.9%, oklch(55.00% 0.0741 205.09) 87.1%, oklch(63.00% 0.0814 200.11) 90.3%, oklch(70.51% 0.0882 195.42) 93.5%, oklch(76.79% 0.0940 191.50) 96.8%, oklch(81.10% 0.0978 188.82) 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