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

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

Gradient xuyên tâm, 40 màu: #031435, #00435f, #009ca2, #3ea49a, #002a2e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#031435
#021639
#00193e
#001d41
#002244
#002648
#002c4c
#003150
#003755
#003d5a
#00435f
#004964
#004f69
#00566e
#005d74
#00667b
#007083
#007a8b
#008593
#00919b
#009ca2
#00a6a8
#1eaeac
#34b4ae
#41b8af
#49baaf
#4db9ad
#4cb5a9
#46aea2
#3ea49a
#329890
#228b85
#0b7d79
#006d6d
#005e60
#005053
#004447
#00393d
#003034
#002a2e

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(20.08% 0.0703 260.16) 0.0%, oklch(21.03% 0.0731 258.63) 2.6%, oklch(22.18% 0.0770 256.76) 5.1%, oklch(23.52% 0.0770 254.82) 7.7%, oklch(24.99% 0.0756 252.36) 10.3%, oklch(26.61% 0.0747 249.69) 12.8%, oklch(28.34% 0.0742 246.84) 15.4%, oklch(30.17% 0.0742 243.85) 17.9%, oklch(32.08% 0.0745 240.77) 20.5%, oklch(34.05% 0.0751 237.63) 23.1%, oklch(36.06% 0.0759 234.47) 25.6%, oklch(38.09% 0.0771 231.34) 28.2%, oklch(40.12% 0.0785 228.28) 30.8%, oklch(42.13% 0.0801 225.32) 33.3%, oklch(44.38% 0.0822 222.23) 35.9%, oklch(47.06% 0.0850 218.82) 38.5%, oklch(50.05% 0.0885 215.16) 41.0%, oklch(53.25% 0.0925 211.35) 43.6%, oklch(56.52% 0.0970 207.49) 46.2%, oklch(59.77% 0.1019 203.65) 48.7%, oklch(62.87% 0.1069 199.94) 51.3%, oklch(65.72% 0.1119 196.43) 53.8%, oklch(68.19% 0.1118 193.21) 56.4%, oklch(70.17% 0.1085 190.39) 59.0%, oklch(71.55% 0.1055 188.04) 61.5%, oklch(72.21% 0.1028 186.26) 64.1%, oklch(72.05% 0.1006 185.13) 66.7%, oklch(70.87% 0.0987 184.75) 69.2%, oklch(68.68% 0.0967 185.10) 71.8%, oklch(65.66% 0.0948 186.06) 74.4%, oklch(61.97% 0.0929 187.52) 76.9%, oklch(57.77% 0.0911 189.38) 79.5%, oklch(53.23% 0.0893 191.52) 82.1%, oklch(48.52% 0.0830 193.83) 84.6%, oklch(43.81% 0.0746 196.21) 87.2%, oklch(39.26% 0.0668 198.54) 89.7%, oklch(35.03% 0.0596 200.73) 92.3%, oklch(31.30% 0.0533 202.65) 94.9%, oklch(28.24% 0.0482 204.20) 97.4%, oklch(26.00% 0.0444 205.27) 100.0%);

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

Gradient hình nền

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