Xanh hải quân và xanh dương (đơn sắc) liền mạch (gradient tuyến tính)

Bảng màu Xanh hải quân và xanh dương (đơn sắc) liền mạch

Gradient tuyến tính, 32 màu, góc 90°: #0e203b, #325581, #4b7fb7, #2d557f, #081f37. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0e203b
#10233f
#132845
#172e4d
#1c3556
#213c60
#26446b
#2c4d76
#325581
#375e8d
#3c6697
#416da1
#4574a9
#4879b0
#4b7db5
#4c7fb7
#4b7fb7
#497db4
#4779af
#4374a8
#3e6d9f
#396695
#335e8a
#2d557f
#274c73
#214468
#1b3c5d
#163453
#112d4a
#0d2742
#0a233c
#081f37

CSS

background: linear-gradient(90deg in oklch, oklch(24.41% 0.0565 258.05) 0.0%, oklch(25.79% 0.0584 257.80) 3.2%, oklch(27.66% 0.0609 257.49) 6.5%, oklch(29.93% 0.0641 257.12) 9.7%, oklch(32.53% 0.0676 256.70) 12.9%, oklch(35.37% 0.0715 256.25) 16.1%, oklch(38.36% 0.0756 255.76) 19.4%, oklch(41.43% 0.0798 255.26) 22.6%, oklch(44.48% 0.0840 254.75) 25.8%, oklch(47.45% 0.0880 254.24) 29.0%, oklch(50.23% 0.0918 253.75) 32.3%, oklch(52.76% 0.0953 253.27) 35.5%, oklch(54.94% 0.0983 252.83) 38.7%, oklch(56.69% 0.1007 252.44) 41.9%, oklch(57.94% 0.1024 252.10) 45.2%, oklch(58.59% 0.1032 251.82) 48.4%, oklch(58.56% 0.1032 251.61) 51.6%, oklch(57.86% 0.1022 251.46) 54.8%, oklch(56.56% 0.1004 251.35) 58.1%, oklch(54.75% 0.0979 251.28) 61.3%, oklch(52.51% 0.0949 251.24) 64.5%, oklch(49.92% 0.0913 251.24) 67.7%, oklch(47.08% 0.0874 251.26) 71.0%, oklch(44.06% 0.0832 251.30) 74.2%, oklch(40.94% 0.0789 251.35) 77.4%, oklch(37.82% 0.0746 251.42) 80.6%, oklch(34.77% 0.0705 251.48) 83.9%, oklch(31.89% 0.0665 251.55) 87.1%, oklch(29.25% 0.0629 251.61) 90.3%, oklch(26.93% 0.0597 251.66) 93.5%, oklch(25.03% 0.0571 251.69) 96.8%, oklch(23.62% 0.0551 251.71) 100.0%);

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

Gradient hình nền

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