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

Bảng màu Xanh hải quân, xanh lơ và xanh dương tông lạnh liền mạch

Gradient tuyến tính, 32 màu, góc 90°: #08101f, #17dbe8, #01809a, #053956, #051326. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#08101f
#0f1d31
#18334c
#20506e
#247192
#2394b3
#1eb4ce
#19cde0
#17dbe8
#14dde9
#0fd8e3
#07ccda
#02bccd
#00abbf
#009ab1
#008ca4
#01809a
#017590
#016a86
#025f7c
#035472
#044a68
#05415e
#053956
#06324e
#062c46
#07263f
#072139
#061c33
#06182d
#061529
#051326

CSS

background: linear-gradient(90deg in oklch, oklch(17.32% 0.0344 261.56) 0.0%, oklch(23.03% 0.0435 256.39) 3.2%, oklch(31.33% 0.0566 248.92) 6.5%, oklch(41.25% 0.0722 239.99) 9.7%, oklch(51.82% 0.0889 230.44) 12.9%, oklch(62.07% 0.1051 221.12) 16.1%, oklch(71.03% 0.1194 212.85) 19.4%, oklch(77.74% 0.1302 206.47) 22.6%, oklch(81.26% 0.1360 202.79) 25.8%, oklch(81.85% 0.1373 201.48) 29.0%, oklch(80.25% 0.1352 201.89) 32.3%, oklch(77.01% 0.1305 203.64) 35.5%, oklch(72.70% 0.1243 206.31) 38.7%, oklch(67.86% 0.1172 209.52) 41.9%, oklch(63.05% 0.1102 212.84) 45.2%, oklch(58.81% 0.1043 215.88) 48.4%, oklch(55.50% 0.0999 218.42) 51.6%, oklch(52.19% 0.0957 221.19) 54.8%, oklch(48.78% 0.0914 224.24) 58.1%, oklch(45.35% 0.0873 227.45) 61.3%, oklch(41.97% 0.0831 230.72) 64.5%, oklch(38.71% 0.0790 233.93) 67.7%, oklch(35.67% 0.0751 236.99) 71.0%, oklch(32.92% 0.0712 239.78) 74.2%, oklch(30.46% 0.0674 242.32) 77.4%, oklch(28.15% 0.0635 244.82) 80.6%, oklch(26.02% 0.0595 247.24) 83.9%, oklch(24.07% 0.0557 249.53) 87.1%, oklch(22.33% 0.0521 251.63) 90.3%, oklch(20.81% 0.0489 253.50) 93.5%, oklch(19.53% 0.0462 255.06) 96.8%, oklch(18.50% 0.0441 256.28) 100.0%);

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

Xanh dương tông lạnh Xanh ngọc lam Gradient Cyber Monday

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