Xanh hải quân sang xanh dương nhạt (đơn sắc) (gradient tuyến tính)

Bảng màu Xanh hải quân sang xanh dương nhạt (đơn sắc)

Gradient tuyến tính, 32 màu, góc 180°: #143c62, #2e6b93, #6ca6bc, #afd4dc, #e7f0f1. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#143c62
#164066
#18446b
#1b4a71
#1d5078
#21567f
#245d86
#29648d
#2e6b93
#337298
#3a799e
#4180a3
#4988a9
#5290ae
#5b97b3
#639eb8
#6ca6bc
#75adc1
#7fb4c6
#89bbcb
#93c2cf
#9cc9d4
#a6cfd8
#afd4dc
#b7d9df
#c0dee3
#c8e2e6
#d0e6e8
#d7e9eb
#ddeced
#e3eeef
#e7f0f1

CSS

background: linear-gradient(180deg in oklch, oklch(35.04% 0.0799 250.31) 0.0%, oklch(36.21% 0.0809 249.59) 3.2%, oklch(37.76% 0.0824 248.66) 6.5%, oklch(39.60% 0.0843 247.57) 9.7%, oklch(41.65% 0.0862 246.32) 12.9%, oklch(43.85% 0.0879 244.95) 16.1%, oklch(46.11% 0.0892 243.49) 19.4%, oklch(48.36% 0.0897 241.97) 22.6%, oklch(50.54% 0.0894 240.40) 25.8%, oklch(52.76% 0.0882 238.72) 29.0%, oklch(55.06% 0.0864 236.89) 32.3%, oklch(57.43% 0.0841 234.97) 35.5%, oklch(59.84% 0.0814 232.98) 38.7%, oklch(62.24% 0.0783 230.97) 41.9%, oklch(64.63% 0.0751 228.95) 45.2%, oklch(66.97% 0.0719 226.97) 48.4%, oklch(69.25% 0.0686 225.04) 51.6%, oklch(71.57% 0.0651 223.06) 54.8%, oklch(73.91% 0.0613 221.05) 58.1%, oklch(76.23% 0.0573 219.03) 61.3%, oklch(78.50% 0.0532 217.04) 64.5%, oklch(80.68% 0.0491 215.12) 67.7%, oklch(82.72% 0.0450 213.30) 71.0%, oklch(84.60% 0.0409 211.61) 74.2%, oklch(86.31% 0.0369 210.04) 77.4%, oklch(87.94% 0.0325 208.52) 80.6%, oklch(89.45% 0.0280 207.06) 83.9%, oklch(90.85% 0.0235 205.70) 87.1%, oklch(92.11% 0.0192 204.45) 90.3%, oklch(93.22% 0.0153 203.35) 93.5%, oklch(94.14% 0.0121 202.43) 96.8%, oklch(94.88% 0.0096 201.70) 100.0%);

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

Bảng màu Giáng sinh vintage

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