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

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

Gradient tuyến tính, 32 màu, góc 180°: #07162f, #d4dbdc, #5eb1da, #265bbe, #71c7f2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#07162f
#11233b
#22364b
#394e5f
#566a76
#76888f
#98a6aa
#b8c2c4
#d4dbdc
#e9f0f0
#f4fdfd
#f7ffff
#e2fcfe
#c8f1f7
#a7dfed
#82c9e4
#5eb1da
#4097d0
#2b7ec7
#2368bf
#2359b9
#2452b7
#2654b9
#265bbe
#2867c5
#2c75cc
#3386d4
#3f96dc
#4da6e3
#5bb4e9
#68bfee
#71c7f2

CSS

background: linear-gradient(180deg in oklch, oklch(20.47% 0.0537 259.45) 0.0%, oklch(25.54% 0.0505 255.34) 3.2%, oklch(32.73% 0.0452 249.38) 6.5%, oklch(41.49% 0.0385 242.09) 9.7%, oklch(51.23% 0.0312 233.98) 12.9%, oklch(61.40% 0.0238 225.58) 16.1%, oklch(71.41% 0.0171 217.39) 19.4%, oklch(80.71% 0.0116 209.95) 22.6%, oklch(88.72% 0.0081 203.76) 25.8%, oklch(94.88% 0.0071 199.34) 29.0%, oklch(98.61% 0.0094 197.22) 32.3%, oklch(99.39% 0.0083 197.81) 35.5%, oklch(97.33% 0.0273 201.47) 38.7%, oklch(93.01% 0.0425 207.31) 41.9%, oklch(87.02% 0.0605 214.82) 45.2%, oklch(79.93% 0.0801 223.39) 48.4%, oklch(72.33% 0.1002 232.41) 51.6%, oklch(64.80% 0.1196 241.28) 54.8%, oklch(57.93% 0.1372 249.39) 58.1%, oklch(52.29% 0.1519 256.12) 61.3%, oklch(48.48% 0.1625 260.86) 64.5%, oklch(47.02% 0.1680 263.07) 67.7%, oklch(47.49% 0.1688 263.15) 71.0%, oklch(49.40% 0.1660 261.61) 74.2%, oklch(52.45% 0.1603 258.78) 77.4%, oklch(56.32% 0.1524 255.01) 80.6%, oklch(60.69% 0.1432 250.64) 83.9%, oklch(65.26% 0.1333 246.03) 87.1%, oklch(69.70% 0.1237 241.51) 90.3%, oklch(73.70% 0.1149 237.43) 93.5%, oklch(76.95% 0.1079 234.14) 96.8%, oklch(79.13% 0.1033 231.98) 100.0%);

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

Xanh dương tông lạ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