Xanh hải quân, xanh dương, xanh lơ và xanh dương nhạt tông rực rỡ (gradient tuyến tính)

Bảng màu Xanh hải quân, xanh dương, xanh lơ và xanh dương nhạt tông rực rỡ

Gradient tuyến tính, 32 màu, góc 180°: #00004a, #042fc1, #1e90ff, #51e4ff, #97ffff. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#00004a
#010054
#010162
#010371
#020882
#021193
#021aa3
#0224b2
#042fc1
#073ad0
#0b46df
#0e52eb
#0c5ff6
#066bfd
#0c78ff
#1685ff
#1e90ff
#2a9cfd
#33a7fd
#38b2fe
#3abfff
#41ccff
#49d9ff
#51e4ff
#5aeeff
#65f5ff
#70faff
#7afdff
#84feff
#8cfeff
#92feff
#97ffff

CSS

background: linear-gradient(180deg in oklch, oklch(18.57% 0.1282 264.40) 0.0%, oklch(20.24% 0.1398 264.43) 3.2%, oklch(22.48% 0.1541 264.49) 6.5%, oklch(25.20% 0.1692 264.57) 9.7%, oklch(28.21% 0.1848 264.61) 12.9%, oklch(31.34% 0.1991 264.57) 16.1%, oklch(34.44% 0.2104 264.42) 19.4%, oklch(37.52% 0.2188 264.23) 22.6%, oklch(40.81% 0.2263 264.13) 25.8%, oklch(44.24% 0.2325 263.99) 29.0%, oklch(47.69% 0.2368 263.65) 32.3%, oklch(51.08% 0.2385 262.98) 35.5%, oklch(54.29% 0.2372 261.83) 38.7%, oklch(57.26% 0.2317 260.15) 41.9%, oklch(60.04% 0.2187 258.19) 45.2%, oklch(62.68% 0.2037 255.90) 48.4%, oklch(65.26% 0.1898 253.17) 51.6%, oklch(67.82% 0.1742 249.89) 54.8%, oklch(70.43% 0.1606 245.96) 58.1%, oklch(73.17% 0.1510 241.17) 61.3%, oklch(76.16% 0.1437 234.81) 64.5%, oklch(79.29% 0.1357 227.37) 67.7%, oklch(82.38% 0.1303 219.56) 71.0%, oklch(85.27% 0.1272 212.13) 74.2%, oklch(87.76% 0.1257 205.80) 77.4%, oklch(89.71% 0.1237 201.29) 80.6%, oklch(91.09% 0.1201 198.50) 83.9%, oklch(92.04% 0.1153 196.94) 87.1%, oklch(92.67% 0.1099 196.23) 90.3%, oklch(93.08% 0.1047 196.02) 93.5%, oklch(93.39% 0.1003 195.96) 96.8%, oklch(93.70% 0.0970 195.68) 100.0%);

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

Gradient đại dương Gradient xanh hải quân và xanh cổ vịt Gradient bãi biển Gradient ven biển

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