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

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

Gradient tuyến tính, 32 màu, góc 90°: #0e171f, #62788c, #dfe8f1, #6a8094, #141e26. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0e171f
#141e27
#1b2731
#24323e
#2e3f4d
#3a4d5d
#475c6d
#546a7d
#62788c
#73899b
#879bad
#9dafbf
#b3c2cf
#c6d3de
#d5e0ea
#dee8f0
#dfe8f1
#d7e2eb
#c9d6e1
#b7c6d4
#a3b5c4
#8ea2b4
#7a90a3
#6a8094
#5c7386
#4f6476
#425565
#364755
#2b3946
#222e38
#1a242d
#141e26

CSS

background: linear-gradient(90deg in oklch, oklch(20.08% 0.0207 244.69) 0.0%, oklch(22.87% 0.0225 244.69) 3.2%, oklch(26.56% 0.0254 244.69) 6.5%, oklch(30.97% 0.0288 244.69) 9.7%, oklch(35.87% 0.0323 244.69) 12.9%, oklch(41.06% 0.0356 244.69) 16.1%, oklch(46.33% 0.0382 244.69) 19.4%, oklch(51.47% 0.0398 244.69) 22.6%, oklch(56.33% 0.0398 244.69) 25.8%, oklch(61.85% 0.0379 244.69) 29.0%, oklch(68.07% 0.0345 244.69) 32.3%, oklch(74.49% 0.0301 244.69) 35.5%, oklch(80.64% 0.0255 244.69) 38.7%, oklch(86.02% 0.0210 244.69) 41.9%, oklch(90.14% 0.0175 244.69) 45.2%, oklch(92.53% 0.0154 244.69) 48.4%, oklch(92.71% 0.0154 244.69) 51.6%, oklch(90.72% 0.0175 244.69) 54.8%, oklch(87.00% 0.0210 244.69) 58.1%, oklch(82.04% 0.0255 244.69) 61.3%, oklch(76.29% 0.0301 244.69) 64.5%, oklch(70.23% 0.0345 244.69) 67.7%, oklch(64.32% 0.0379 244.69) 71.0%, oklch(59.04% 0.0398 244.69) 74.2%, oklch(54.33% 0.0398 244.69) 77.4%, oklch(49.27% 0.0382 244.69) 80.6%, oklch(44.02% 0.0356 244.69) 83.9%, oklch(38.80% 0.0323 244.69) 87.1%, oklch(33.85% 0.0288 244.69) 90.3%, oklch(29.39% 0.0254 244.69) 93.5%, oklch(25.64% 0.0225 244.69) 96.8%, oklch(22.83% 0.0207 244.69) 100.0%);

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

Gradient ánh kim

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