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

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

Gradient tuyến tính, 32 màu, góc 180°: #081b37, #122b49, #2d5073, #437097, #4f80a9. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#081b37
#091c38
#0a1d39
#0a1f3b
#0c213d
#0d2340
#0e2542
#102846
#122b49
#152f4d
#183352
#1b3857
#1f3c5d
#224262
#264768
#2a4b6d
#2d5073
#305578
#345a7e
#375f83
#3a6389
#3d688e
#406c93
#437097
#45739b
#47769e
#4978a1
#4b7aa3
#4c7ca5
#4d7ea7
#4f7fa8
#4f80a9

CSS

background: linear-gradient(180deg in oklch, oklch(22.44% 0.0593 258.05) 0.0%, oklch(22.86% 0.0596 257.81) 3.2%, oklch(23.37% 0.0600 257.51) 6.5%, oklch(23.97% 0.0604 257.15) 9.7%, oklch(24.68% 0.0610 256.74) 12.9%, oklch(25.49% 0.0615 256.29) 16.1%, oklch(26.42% 0.0622 255.80) 19.4%, oklch(27.47% 0.0629 255.28) 22.6%, oklch(28.66% 0.0636 254.74) 25.8%, oklch(30.05% 0.0643 254.12) 29.0%, oklch(31.64% 0.0651 253.43) 32.3%, oklch(33.35% 0.0659 252.70) 35.5%, oklch(35.16% 0.0668 251.95) 38.7%, oklch(36.99% 0.0678 251.22) 41.9%, oklch(38.79% 0.0687 250.51) 45.2%, oklch(40.52% 0.0697 249.88) 48.4%, oklch(42.15% 0.0708 249.32) 51.6%, oklch(43.80% 0.0721 248.81) 54.8%, oklch(45.47% 0.0734 248.34) 58.1%, oklch(47.13% 0.0748 247.90) 61.3%, oklch(48.73% 0.0762 247.49) 64.5%, oklch(50.25% 0.0775 247.13) 67.7%, oklch(51.64% 0.0787 246.79) 71.0%, oklch(52.87% 0.0797 246.49) 74.2%, oklch(53.93% 0.0805 246.23) 77.4%, oklch(54.86% 0.0811 246.02) 80.6%, oklch(55.67% 0.0815 245.85) 83.9%, oklch(56.37% 0.0819 245.71) 87.1%, oklch(56.97% 0.0821 245.60) 90.3%, oklch(57.48% 0.0823 245.51) 93.5%, oklch(57.91% 0.0825 245.44) 96.8%, oklch(58.27% 0.0827 245.37) 100.0%);

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

Bầu trời

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