Xanh hải quân, xám, xanh dương nhạt và xanh dương (gradient tuyến tính)

Bảng màu Xanh hải quân, xám, xanh dương nhạt và xanh dương

Gradient tuyến tính, 32 màu, góc 180°: #07142e, #aec6d4, #5d7e9c, #0f2860, #1774c5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#07142e
#101f39
#1f3049
#32465e
#495f75
#637a8e
#7e96a8
#98b0c0
#aec6d4
#bfd7e4
#c7e1ee
#c6e1ef
#bbd8e7
#a8c7da
#91b1c7
#7798b2
#5d7e9c
#456487
#314e75
#213b65
#162e5b
#112758
#0f255a
#0f2860
#102e6b
#123777
#144286
#164e95
#175aa4
#1865b2
#186ebd
#1774c5

CSS

background: linear-gradient(180deg in oklch, oklch(19.69% 0.0551 262.27) 0.0%, oklch(24.25% 0.0535 260.11) 3.2%, oklch(30.81% 0.0510 256.98) 6.5%, oklch(38.82% 0.0479 253.16) 9.7%, oklch(47.72% 0.0445 248.91) 12.9%, oklch(56.98% 0.0410 244.50) 16.1%, oklch(66.04% 0.0378 240.21) 19.4%, oklch(74.36% 0.0350 236.30) 22.6%, oklch(81.40% 0.0331 233.04) 25.8%, oklch(86.61% 0.0322 230.71) 29.0%, oklch(89.44% 0.0326 229.57) 32.3%, oklch(89.37% 0.0345 229.90) 35.5%, oklch(86.45% 0.0379 231.69) 38.7%, oklch(81.26% 0.0423 234.65) 41.9%, oklch(74.38% 0.0477 238.48) 45.2%, oklch(66.41% 0.0538 242.86) 48.4%, oklch(57.94% 0.0603 247.48) 51.6%, oklch(49.56% 0.0672 252.05) 54.8%, oklch(41.86% 0.0740 256.25) 58.1%, oklch(35.43% 0.0807 259.78) 61.3%, oklch(30.85% 0.0871 262.32) 64.5%, oklch(28.68% 0.0928 263.61) 67.7%, oklch(28.44% 0.0988 263.87) 71.0%, oklch(29.65% 0.1052 263.36) 74.2%, oklch(32.02% 0.1117 262.23) 77.4%, oklch(35.23% 0.1182 260.64) 80.6%, oklch(38.99% 0.1245 258.77) 83.9%, oklch(42.97% 0.1306 256.76) 87.1%, oklch(46.88% 0.1362 254.79) 90.3%, oklch(50.42% 0.1413 253.00) 93.5%, oklch(53.26% 0.1455 251.56) 96.8%, oklch(55.12% 0.1488 250.64) 100.0%);

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

Xanh dương tông lạnh

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