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

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

Gradient tuyến tính, 32 màu, góc 90°: #2c354a, #36445e, #455977, #556f8f, #6684a5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#2c354a
#2d364c
#2e384e
#2f3950
#303b52
#323d55
#333f58
#35425b
#36445e
#384761
#3a4964
#3c4c68
#3e4f6b
#3f516e
#415471
#435774
#455977
#475c7b
#495f7e
#4b6281
#4e6585
#506988
#536c8c
#556f8f
#587293
#5a7596
#5d7899
#5f7b9c
#617e9f
#6380a1
#6482a4
#6684a5

CSS

background: linear-gradient(90deg in oklch, oklch(33.07% 0.0400 266.48) 0.0%, oklch(33.52% 0.0405 266.17) 3.2%, oklch(34.07% 0.0412 265.79) 6.5%, oklch(34.69% 0.0421 265.35) 9.7%, oklch(35.38% 0.0430 264.85) 12.9%, oklch(36.13% 0.0440 264.31) 16.1%, oklch(36.94% 0.0451 263.73) 19.4%, oklch(37.79% 0.0462 263.12) 22.6%, oklch(38.69% 0.0474 262.50) 25.8%, oklch(39.60% 0.0486 261.86) 29.0%, oklch(40.54% 0.0497 261.22) 32.3%, oklch(41.49% 0.0509 260.58) 35.5%, oklch(42.44% 0.0520 259.96) 38.7%, oklch(43.39% 0.0530 259.37) 41.9%, oklch(44.32% 0.0539 258.80) 45.2%, oklch(45.23% 0.0547 258.28) 48.4%, oklch(46.12% 0.0555 257.79) 51.6%, oklch(47.06% 0.0561 257.31) 54.8%, oklch(48.07% 0.0568 256.82) 58.1%, oklch(49.11% 0.0574 256.33) 61.3%, oklch(50.19% 0.0579 255.85) 64.5%, oklch(51.28% 0.0585 255.37) 67.7%, oklch(52.38% 0.0589 254.90) 71.0%, oklch(53.47% 0.0594 254.44) 74.2%, oklch(54.54% 0.0598 254.00) 77.4%, oklch(55.57% 0.0602 253.59) 80.6%, oklch(56.55% 0.0606 253.19) 83.9%, oklch(57.46% 0.0609 252.82) 87.1%, oklch(58.30% 0.0612 252.49) 90.3%, oklch(59.06% 0.0615 252.18) 93.5%, oklch(59.70% 0.0618 251.92) 96.8%, oklch(60.24% 0.0620 251.69) 100.0%);

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

Gradient nền ứng dụng

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