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 135°: #0b132b, #171f3a, #2a3a55, #455e7b, #6f8fb5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0b132b
#0c142c
#0d152e
#0e162f
#101831
#111933
#131b35
#151d38
#171f3a
#19213d
#1b2440
#1d2743
#202a46
#222e4a
#24324d
#273651
#2a3a55
#2d3e59
#30435e
#344862
#374d67
#3b526d
#405773
#455e7b
#4b6583
#516c8b
#577393
#5d7a9c
#6280a3
#6786aa
#6c8bb0
#6f8fb5

CSS

background: linear-gradient(135deg in oklch, oklch(19.44% 0.0498 267.74) 0.0%, oklch(19.85% 0.0501 267.89) 3.2%, oklch(20.33% 0.0504 268.17) 6.5%, oklch(20.88% 0.0508 268.54) 9.7%, oklch(21.50% 0.0513 268.94) 12.9%, oklch(22.20% 0.0518 269.32) 16.1%, oklch(22.96% 0.0523 269.65) 19.4%, oklch(23.80% 0.0527 269.86) 22.6%, oklch(24.71% 0.0531 269.91) 25.8%, oklch(25.70% 0.0535 269.75) 29.0%, oklch(26.75% 0.0537 269.34) 32.3%, oklch(27.88% 0.0538 268.60) 35.5%, oklch(29.10% 0.0537 267.47) 38.7%, oklch(30.39% 0.0535 266.04) 41.9%, oklch(31.76% 0.0531 264.40) 45.2%, oklch(33.20% 0.0528 262.61) 48.4%, oklch(34.70% 0.0524 260.77) 51.6%, oklch(36.27% 0.0522 258.97) 54.8%, oklch(37.90% 0.0520 257.28) 58.1%, oklch(39.58% 0.0521 255.79) 61.3%, oklch(41.31% 0.0524 254.58) 64.5%, oklch(43.11% 0.0531 253.73) 67.7%, oklch(45.13% 0.0541 253.15) 71.0%, oklch(47.37% 0.0554 252.79) 74.2%, oklch(49.75% 0.0570 252.60) 77.4%, oklch(52.19% 0.0587 252.55) 80.6%, oklch(54.63% 0.0606 252.60) 83.9%, oklch(56.98% 0.0624 252.72) 87.1%, oklch(59.17% 0.0641 252.87) 90.3%, oklch(61.13% 0.0656 253.00) 93.5%, oklch(62.77% 0.0669 253.09) 96.8%, oklch(64.03% 0.0678 253.11) 100.0%);

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

Dark blue gradients

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