Xanh dương nhạt sang xanh hải quân (đơn sắc) (gradient tuyến tính)

Xanh dương nhạt sang xanh hải quân (đơn sắc): bảng màu gồm 32 màu. #effafb, #a1d6ea, #40a9dc, #1867a1, #0c2b47. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 5 keyframe OKLCH chỉnh sửa được.

#effafb
#e9f7f9
#e1f4f6
#d8eff4
#cdebf2
#c2e6ef
#b7e0ed
#acdbec
#a1d6ea
#96d1e9
#8acde8
#7ec8e8
#71c3e7
#64bee6
#57b8e4
#4bb1e1
#40a9dc
#37a1d6
#2e97cf
#288ec7
#2384be
#1f7ab5
#1b70ab
#1867a1
#165f96
#14568a
#124d7d
#11446f
#103c63
#0f3557
#0d304e
#0c2b47

CSS

background: linear-gradient(45deg in oklch, oklch(97.64% 0.0110 203.91) 0.0%, oklch(96.64% 0.0148 205.50) 3.2%, oklch(95.32% 0.0198 207.70) 6.5%, oklch(93.75% 0.0257 210.32) 9.7%, oklch(92.00% 0.0323 213.19) 12.9%, oklch(90.14% 0.0394 216.11) 16.1%, oklch(88.24% 0.0467 218.90) 19.4%, oklch(86.37% 0.0539 221.38) 22.6%, oklch(84.61% 0.0610 223.38) 25.8%, oklch(82.92% 0.0689 224.96) 29.0%, oklch(81.26% 0.0775 226.26) 32.3%, oklch(79.59% 0.0865 227.37) 35.5%, oklch(77.86% 0.0953 228.39) 38.7%, oklch(76.05% 0.1036 229.39) 41.9%, oklch(74.10% 0.1108 230.48) 45.2%, oklch(71.99% 0.1164 231.72) 48.4%, oklch(69.68% 0.1202 233.23) 51.6%, oklch(67.13% 0.1226 234.99) 54.8%, oklch(64.41% 0.1240 236.93) 58.1%, oklch(61.55% 0.1242 238.95) 61.3%, oklch(58.62% 0.1236 240.95) 64.5%, oklch(55.67% 0.1220 242.83) 67.7%, oklch(52.74% 0.1197 244.51) 71.0%, oklch(49.90% 0.1166 245.89) 74.2%, oklch(47.07% 0.1124 246.91) 77.4%, oklch(44.04% 0.1062 247.67) 80.6%, oklch(40.90% 0.0987 248.21) 83.9%, oklch(37.80% 0.0904 248.58) 87.1%, oklch(34.87% 0.0821 248.84) 90.3%, oklch(32.23% 0.0744 249.01) 93.5%, oklch(30.01% 0.0679 249.17) 96.8%, oklch(28.35% 0.0634 249.35) 100.0%);

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

Gradient mật độ dân số

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