Xanh hải quân, tím oải hương và xanh dương nhạt (ba tông) (gradient tuyến tính)

Bảng màu Xanh hải quân, tím oải hương và xanh dương nhạt (ba tông)

Gradient tuyến tính, 32 màu, góc 45°: #15294b, #4a6baa, #af88c9, #c0a8de, #a7ddd2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#15294b
#192e51
#1d345a
#233c66
#294472
#304e80
#38588e
#41629d
#4a6baa
#5474b6
#5f7ac1
#6a7fc8
#7883cd
#8784d0
#9686d0
#a387cd
#af88c9
#b98ac5
#c08dc3
#c590c2
#c894c4
#c89aca
#c6a0d4
#c0a8de
#b7b1e7
#acbbed
#a2c4ee
#9bcceb
#99d3e4
#9cd8dd
#a2dbd6
#a7ddd2

CSS

background: linear-gradient(45deg in oklch, oklch(28.35% 0.0675 260.16) 0.0%, oklch(30.22% 0.0704 260.36) 3.2%, oklch(32.72% 0.0745 260.34) 6.5%, oklch(35.71% 0.0795 260.21) 9.7%, oklch(39.04% 0.0851 260.10) 12.9%, oklch(42.60% 0.0909 260.13) 16.1%, oklch(46.25% 0.0967 260.41) 19.4%, oklch(49.85% 0.1020 261.07) 22.6%, oklch(53.28% 0.1067 262.23) 25.8%, oklch(56.40% 0.1103 264.01) 29.0%, oklch(59.07% 0.1126 266.53) 32.3%, oklch(61.25% 0.1133 270.31) 35.5%, oklch(63.14% 0.1129 276.41) 38.7%, oklch(64.79% 0.1114 284.24) 41.9%, oklch(66.25% 0.1091 293.10) 45.2%, oklch(67.55% 0.1062 302.29) 48.4%, oklch(68.74% 0.1028 311.10) 51.6%, oklch(69.86% 0.0992 318.85) 54.8%, oklch(70.95% 0.0955 324.82) 58.1%, oklch(72.05% 0.0920 328.31) 61.3%, oklch(73.20% 0.0887 328.63) 64.5%, oklch(74.44% 0.0859 325.03) 67.7%, oklch(75.74% 0.0830 316.80) 71.0%, oklch(77.08% 0.0799 304.61) 74.2%, oklch(78.42% 0.0767 289.42) 77.4%, oklch(79.74% 0.0734 272.20) 80.6%, oklch(81.02% 0.0702 253.90) 83.9%, oklch(82.22% 0.0671 235.49) 87.1%, oklch(83.33% 0.0642 217.91) 90.3%, oklch(84.32% 0.0617 202.14) 93.5%, oklch(85.16% 0.0595 189.13) 96.8%, oklch(85.83% 0.0579 179.84) 100.0%);

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

Giao diện kính óng ánh

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