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, 32 màu: #3d455c, #2a4059, #183e51, #0c404a, #064644. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#3d455c
#3c455c
#3a445c
#38445b
#36435b
#33425b
#30425a
#2d415a
#2a4059
#274058
#243f57
#223f57
#203f56
#1e3f55
#1c3f53
#1a3e52
#183e51
#163e50
#153e4f
#133e4e
#113f4d
#103f4c
#0e3f4b
#0c404a
#0a4149
#084248
#074348
#064447
#054546
#054545
#064644
#064644

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(39.37% 0.0400 269.30) 0.0%, oklch(39.16% 0.0408 267.97) 3.2%, oklch(38.88% 0.0420 266.29) 6.5%, oklch(38.54% 0.0434 264.31) 9.7%, oklch(38.17% 0.0449 262.08) 12.9%, oklch(37.76% 0.0466 259.67) 16.1%, oklch(37.35% 0.0482 257.13) 19.4%, oklch(36.95% 0.0498 254.52) 22.6%, oklch(36.56% 0.0513 251.90) 25.8%, oklch(36.21% 0.0525 249.32) 29.0%, oklch(35.91% 0.0535 246.84) 32.3%, oklch(35.66% 0.0541 244.48) 35.5%, oklch(35.43% 0.0545 242.14) 38.7%, oklch(35.20% 0.0546 239.78) 41.9%, oklch(34.99% 0.0545 237.42) 45.2%, oklch(34.81% 0.0544 235.03) 48.4%, oklch(34.64% 0.0541 232.62) 51.6%, oklch(34.50% 0.0539 230.16) 54.8%, oklch(34.39% 0.0537 227.66) 58.1%, oklch(34.31% 0.0536 225.10) 61.3%, oklch(34.26% 0.0536 222.48) 64.5%, oklch(34.26% 0.0538 219.76) 67.7%, oklch(34.31% 0.0542 216.77) 71.0%, oklch(34.43% 0.0547 213.52) 74.2%, oklch(34.58% 0.0553 210.11) 77.4%, oklch(34.77% 0.0559 206.64) 80.6%, oklch(34.98% 0.0566 203.21) 83.9%, oklch(35.19% 0.0573 199.92) 87.1%, oklch(35.39% 0.0579 196.86) 90.3%, oklch(35.57% 0.0584 194.12) 93.5%, oklch(35.72% 0.0589 191.82) 96.8%, oklch(35.83% 0.0593 190.04) 100.0%);

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

Gradient nền Zoom

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