Xanh dương và xanh dương nhạt (đơn sắc) tông trầm (gradient tuyến tính)

Bảng màu Xanh dương và xanh dương nhạt (đơn sắc) tông trầm

Gradient tuyến tính, 32 màu, góc 180°: #30516c, #6990a7, #c7e0e6, #a1d6e3, #477c9d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#30516c
#345570
#395b76
#3f637e
#466b86
#4d738e
#567c97
#5e869f
#6990a7
#749ab1
#7fa5ba
#8bb0c2
#96baca
#a1c3d2
#aecdd9
#bbd7e0
#c7e0e6
#d1e7ec
#d6ebef
#d6ecf1
#ceeaef
#c2e5ec
#b2dee8
#a1d6e3
#90cddd
#82c3d6
#76b8cd
#69aac3
#5e9cb8
#548fad
#4d84a3
#477c9d

CSS

background: linear-gradient(180deg in oklch, oklch(42.13% 0.0593 244.69) 0.0%, oklch(43.68% 0.0594 244.08) 3.2%, oklch(45.76% 0.0598 243.30) 6.5%, oklch(48.26% 0.0602 242.35) 9.7%, oklch(51.03% 0.0604 241.24) 12.9%, oklch(53.95% 0.0602 240.00) 16.1%, oklch(56.90% 0.0595 238.63) 19.4%, oklch(59.91% 0.0581 237.14) 22.6%, oklch(63.21% 0.0561 235.48) 25.8%, oklch(66.69% 0.0537 233.69) 29.0%, oklch(70.19% 0.0511 231.77) 32.3%, oklch(73.60% 0.0482 229.74) 35.5%, oklch(76.78% 0.0453 227.60) 38.7%, oklch(79.74% 0.0420 225.26) 41.9%, oklch(82.92% 0.0375 222.38) 45.2%, oklch(86.10% 0.0324 219.24) 48.4%, oklch(88.98% 0.0276 216.17) 51.6%, oklch(91.26% 0.0241 213.49) 54.8%, oklch(92.64% 0.0228 211.55) 58.1%, oklch(92.84% 0.0246 210.63) 61.3%, oklch(91.85% 0.0303 210.53) 64.5%, oklch(89.92% 0.0385 211.08) 67.7%, oklch(87.33% 0.0481 212.17) 71.0%, oklch(84.33% 0.0577 213.70) 74.2%, oklch(81.18% 0.0658 215.56) 77.4%, oklch(78.13% 0.0711 217.66) 80.6%, oklch(74.58% 0.0740 220.54) 83.9%, oklch(70.48% 0.0755 224.14) 87.1%, oklch(66.21% 0.0760 228.04) 90.3%, oklch(62.17% 0.0759 231.82) 93.5%, oklch(58.74% 0.0757 235.04) 96.8%, oklch(56.30% 0.0758 237.29) 100.0%);

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

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