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

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

Gradient tuyến tính, 32 màu, góc 180°: #09183b, #1643a2, #3484ff, #96c2ff, #e9f3ff. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#09183b
#0a1b42
#0b1f4c
#0d2459
#0e2967
#102f76
#123686
#143c95
#1643a2
#174ab0
#1851be
#1958cc
#1a60da
#1c68e7
#2071f3
#267afc
#3484ff
#448eff
#5398ff
#61a1ff
#6faaff
#7db2ff
#89bbff
#96c2ff
#a2c9ff
#aed1ff
#bad8ff
#c6dfff
#d1e5ff
#dbebff
#e3f0ff
#e9f3ff

CSS

background: linear-gradient(180deg in oklch, oklch(22.05% 0.0703 263.67) 0.0%, oklch(23.55% 0.0777 263.60) 3.2%, oklch(25.53% 0.0880 263.53) 6.5%, oklch(27.90% 0.1003 263.44) 9.7%, oklch(30.53% 0.1137 263.33) 12.9%, oklch(33.33% 0.1274 263.19) 16.1%, oklch(36.17% 0.1406 263.02) 19.4%, oklch(38.96% 0.1524 262.81) 22.6%, oklch(41.59% 0.1621 262.54) 25.8%, oklch(44.22% 0.1717 262.22) 29.0%, oklch(46.91% 0.1816 261.85) 32.3%, oklch(49.64% 0.1911 261.44) 35.5%, oklch(52.38% 0.1994 260.99) 38.7%, oklch(55.13% 0.2059 260.54) 41.9%, oklch(57.84% 0.2098 260.09) 45.2%, oklch(60.51% 0.2105 259.65) 48.4%, oklch(63.11% 0.1991 259.24) 51.6%, oklch(65.71% 0.1834 258.83) 54.8%, oklch(68.30% 0.1681 258.42) 58.1%, oklch(70.87% 0.1531 258.01) 61.3%, oklch(73.40% 0.1386 257.60) 64.5%, oklch(75.86% 0.1247 257.19) 67.7%, oklch(78.25% 0.1115 256.78) 71.0%, oklch(80.55% 0.0990 256.37) 74.2%, oklch(82.78% 0.0870 255.95) 77.4%, oklch(85.07% 0.0749 255.49) 80.6%, oklch(87.34% 0.0631 255.01) 83.9%, oklch(89.52% 0.0518 254.54) 87.1%, oklch(91.56% 0.0415 254.09) 90.3%, oklch(93.37% 0.0324 253.68) 93.5%, oklch(94.90% 0.0249 253.34) 96.8%, oklch(96.06% 0.0191 253.08) 100.0%);

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

Gradient xanh dương rực Xanh dương tông lạnh Gradient dữ liệu tuần tự Gradient ba màu

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