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

Bảng màu Xanh hải quân, xanh dương nhạt, xanh dương và xám

Gradient tuyến tính, 32 màu, góc 45°: #0e3446, #cfebf0, #263852, #678ba4, #939eb4. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0e3446
#1f4354
#385b6a
#577985
#799aa3
#9abac1
#b7d4da
#cae6eb
#cfebf0
#c3dfe6
#abc8d2
#8da9b7
#6d8899
#50687d
#3a4e66
#2b3d57
#263852
#283a55
#2e435e
#37506c
#43607b
#50718b
#5c8099
#678ba4
#6e92aa
#7696af
#7d99b2
#839ab3
#889bb4
#8d9cb4
#909db3
#939eb4

CSS

background: linear-gradient(45deg in oklch, oklch(30.71% 0.0524 232.73) 0.0%, oklch(36.49% 0.0503 230.35) 3.2%, oklch(45.14% 0.0472 226.61) 6.5%, oklch(55.50% 0.0435 222.13) 9.7%, oklch(66.39% 0.0396 217.51) 12.9%, oklch(76.65% 0.0359 213.37) 16.1%, oklch(85.12% 0.0328 210.33) 19.4%, oklch(90.63% 0.0309 209.00) 22.6%, oklch(92.02% 0.0303 210.00) 25.8%, oklch(88.62% 0.0314 214.00) 29.0%, oklch(81.47% 0.0337 220.40) 32.3%, oklch(71.89% 0.0368 228.30) 35.5%, oklch(61.20% 0.0404 236.79) 38.7%, oklch(50.74% 0.0440 244.97) 41.9%, oklch(41.83% 0.0474 251.93) 45.2%, oklch(35.78% 0.0500 256.76) 48.4%, oklch(33.69% 0.0518 258.65) 51.6%, oklch(34.63% 0.0532 257.82) 54.8%, oklch(37.76% 0.0544 255.03) 58.1%, oklch(42.39% 0.0554 251.03) 61.3%, oklch(47.81% 0.0560 246.58) 64.5%, oklch(53.34% 0.0562 242.43) 67.7%, oklch(58.29% 0.0560 239.31) 71.0%, oklch(61.96% 0.0554 237.98) 74.2%, oklch(64.15% 0.0540 238.92) 77.4%, oklch(65.78% 0.0517 241.55) 80.6%, oklch(66.97% 0.0488 245.37) 83.9%, oklch(67.83% 0.0455 249.91) 87.1%, oklch(68.43% 0.0421 254.67) 90.3%, oklch(68.88% 0.0389 259.18) 93.5%, oklch(69.27% 0.0363 262.95) 96.8%, oklch(69.69% 0.0344 265.49) 100.0%);

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

Gradient xanh 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