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

Bảng màu Xanh hải quân, xanh dương và tím (tương đồng)

Gradient tuyến tính, 32 màu, góc 90°: #001228, #002a6a, #2f2ab4, #4d1fac, #410069. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#001228
#00142c
#001731
#001a38
#001d40
#002149
#002453
#00275e
#002a6a
#002b78
#002a88
#032697
#0e279e
#1828a4
#2029aa
#282aaf
#2f2ab4
#352bb7
#3b2ab9
#412aba
#4528ba
#4926b8
#4b23b3
#4d1fac
#4d1aa4
#4c149b
#4b0f91
#490987
#47047e
#450076
#43006f
#410069

CSS

background: linear-gradient(90deg in oklch, oklch(18.14% 0.0525 250.82) 0.0%, oklch(19.07% 0.0561 251.44) 3.2%, oklch(20.30% 0.0611 252.21) 6.5%, oklch(21.77% 0.0674 253.13) 9.7%, oklch(23.42% 0.0750 254.19) 12.9%, oklch(25.18% 0.0840 255.36) 16.1%, oklch(26.99% 0.0945 256.65) 19.4%, oklch(28.79% 0.1067 258.02) 22.6%, oklch(30.51% 0.1210 259.47) 25.8%, oklch(32.09% 0.1385 260.98) 29.0%, oklch(33.46% 0.1614 262.53) 32.3%, oklch(34.64% 0.1846 264.08) 35.5%, oklch(35.84% 0.1901 265.79) 38.7%, oklch(37.03% 0.1950 267.60) 41.9%, oklch(38.18% 0.1993 269.49) 45.2%, oklch(39.24% 0.2028 271.44) 48.4%, oklch(40.20% 0.2057 273.45) 51.6%, oklch(41.01% 0.2079 275.49) 54.8%, oklch(41.63% 0.2093 277.56) 58.1%, oklch(42.04% 0.2100 279.63) 61.3%, oklch(42.19% 0.2099 281.70) 64.5%, oklch(42.04% 0.2090 283.77) 67.7%, oklch(41.46% 0.2065 285.99) 71.0%, oklch(40.51% 0.2026 288.38) 74.2%, oklch(39.27% 0.1975 290.86) 77.4%, oklch(37.83% 0.1917 293.36) 80.6%, oklch(36.28% 0.1854 295.83) 83.9%, oklch(34.70% 0.1790 298.19) 87.1%, oklch(33.18% 0.1730 300.38) 90.3%, oklch(31.82% 0.1675 302.33) 93.5%, oklch(30.73% 0.1605 303.95) 96.8%, oklch(29.95% 0.1553 305.23) 100.0%);

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

Gradient xanh dương và tím

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