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

Gradient tuyến tính, 32 màu, góc 90°: #162048, #142b5d, #183c78, #244890, #384ca7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#162048
#162149
#16224b
#16234e
#152550
#152653
#152857
#14295a
#142b5d
#142d61
#132f64
#143067
#14326a
#15356d
#163771
#173974
#183c78
#193e7b
#1b407f
#1c4282
#1e4485
#204589
#22478c
#244890
#274993
#294997
#2c4a9a
#2f4a9e
#324ba1
#344ba3
#364ba6
#384ca7

CSS

background: linear-gradient(90deg in oklch, oklch(25.98% 0.0744 269.30) 0.0%, oklch(26.31% 0.0759 268.85) 3.2%, oklch(26.72% 0.0779 268.23) 6.5%, oklch(27.20% 0.0803 267.50) 9.7%, oklch(27.73% 0.0830 266.68) 12.9%, oklch(28.32% 0.0858 265.81) 16.1%, oklch(28.94% 0.0888 264.93) 19.4%, oklch(29.60% 0.0917 264.08) 22.6%, oklch(30.28% 0.0946 263.29) 25.8%, oklch(30.97% 0.0974 262.60) 29.0%, oklch(31.66% 0.0998 262.05) 32.3%, oklch(32.36% 0.1020 261.63) 35.5%, oklch(33.12% 0.1040 261.25) 38.7%, oklch(33.93% 0.1058 260.92) 41.9%, oklch(34.78% 0.1076 260.63) 45.2%, oklch(35.64% 0.1092 260.40) 48.4%, oklch(36.51% 0.1109 260.25) 51.6%, oklch(37.36% 0.1126 260.18) 54.8%, oklch(38.19% 0.1144 260.21) 58.1%, oklch(38.98% 0.1163 260.34) 61.3%, oklch(39.71% 0.1184 260.60) 64.5%, oklch(40.37% 0.1207 260.99) 67.7%, oklch(41.01% 0.1234 261.62) 71.0%, oklch(41.63% 0.1263 262.46) 74.2%, oklch(42.22% 0.1295 263.46) 77.4%, oklch(42.79% 0.1328 264.57) 80.6%, oklch(43.32% 0.1361 265.73) 83.9%, oklch(43.81% 0.1393 266.88) 87.1%, oklch(44.26% 0.1422 267.97) 90.3%, oklch(44.65% 0.1449 268.95) 93.5%, oklch(45.00% 0.1471 269.76) 96.8%, oklch(45.28% 0.1488 270.35) 100.0%);

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

Gradient đại dương Gradient biển sâu

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