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

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

Gradient tuyến tính, 32 màu, góc 45°: #092957, #4e8fb4, #b9ded0, #bbbc96, #595234. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#092957
#0d305f
#123b6b
#194778
#215687
#296595
#3373a1
#3f81ab
#4e8fb4
#5f9ebe
#70acc6
#81b9cd
#8fc4d2
#9acdd4
#a5d5d4
#afdad3
#b9ded0
#c2e0cc
#c8dfc8
#cadcc2
#cad7ba
#c6d0af
#c2c7a3
#bbbc96
#b4b188
#aba57c
#9f976f
#8f8761
#7f7653
#6f6746
#625b3c
#595234

CSS

background: linear-gradient(45deg in oklch, oklch(28.74% 0.0923 258.75) 0.0%, oklch(31.42% 0.0932 257.12) 3.2%, oklch(35.10% 0.0949 254.99) 6.5%, oklch(39.47% 0.0967 252.42) 9.7%, oklch(44.21% 0.0981 249.46) 12.9%, oklch(48.99% 0.0984 246.17) 16.1%, oklch(53.49% 0.0970 242.59) 19.4%, oklch(57.76% 0.0933 238.96) 22.6%, oklch(62.29% 0.0874 235.47) 25.8%, oklch(66.88% 0.0801 231.76) 29.0%, oklch(71.30% 0.0723 227.44) 32.3%, oklch(75.34% 0.0648 222.12) 35.5%, oklch(78.77% 0.0585 215.41) 38.7%, oklch(81.48% 0.0538 206.76) 41.9%, oklch(83.79% 0.0497 195.65) 45.2%, oklch(85.66% 0.0462 182.96) 48.4%, oklch(87.04% 0.0434 169.66) 51.6%, oklch(87.85% 0.0413 156.75) 54.8%, oklch(88.03% 0.0402 145.20) 58.1%, oklch(87.49% 0.0401 135.83) 61.3%, oklch(86.16% 0.0420 127.74) 64.5%, oklch(84.16% 0.0452 120.57) 67.7%, oklch(81.58% 0.0491 114.30) 71.0%, oklch(78.57% 0.0527 108.90) 74.2%, oklch(75.25% 0.0555 104.35) 77.4%, oklch(71.70% 0.0566 100.63) 80.6%, oklch(67.29% 0.0559 98.13) 83.9%, oklch(62.06% 0.0542 96.79) 87.1%, oklch(56.56% 0.0518 96.25) 90.3%, oklch(51.32% 0.0492 96.17) 93.5%, oklch(46.85% 0.0469 96.21) 96.8%, oklch(43.70% 0.0455 96.01) 100.0%);

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

Ánh trăng thỏ ngọc

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