Xanh hải quân, xanh dương và tím tông rực rỡ (gradient tuyến tính)

Bảng màu Xanh hải quân, xanh dương và tím tông rực rỡ

Gradient tuyến tính, 40 màu, góc 225°: #1a0752, #0f3c7b, #0566a5, #5c4fbb, #951290. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1a0752
#1a0b54
#1a0f58
#1a145b
#1a195f
#191e64
#182468
#172a6d
#153072
#123677
#0f3c7b
#0a4280
#054884
#014d89
#00538c
#005790
#005c94
#005f98
#00629c
#0065a1
#0566a5
#1066a9
#1a66ac
#2465b0
#2d63b4
#3760b7
#415db9
#4a59bb
#5354bb
#5c4fbb
#6449b9
#6c44b7
#733eb3
#7a37ae
#8031a9
#862ba4
#8b259e
#8f1e98
#921893
#951290

CSS

background: linear-gradient(225deg in oklch, oklch(22.83% 0.1213 282.66) 0.0%, oklch(23.61% 0.1213 281.46) 2.6%, oklch(24.58% 0.1212 279.82) 5.1%, oklch(25.72% 0.1209 277.79) 7.7%, oklch(27.01% 0.1206 275.43) 10.3%, oklch(28.42% 0.1202 272.82) 12.8%, oklch(29.93% 0.1198 270.02) 15.4%, oklch(31.53% 0.1194 267.09) 17.9%, oklch(33.18% 0.1190 264.09) 20.5%, oklch(34.87% 0.1186 261.09) 23.1%, oklch(36.57% 0.1184 258.15) 25.6%, oklch(38.27% 0.1182 255.35) 28.2%, oklch(39.93% 0.1182 252.73) 30.8%, oklch(41.54% 0.1184 250.37) 33.3%, oklch(43.08% 0.1170 248.36) 35.9%, oklch(44.52% 0.1163 246.70) 38.5%, oklch(45.85% 0.1166 245.49) 41.0%, oklch(47.03% 0.1178 244.79) 43.6%, oklch(48.04% 0.1201 244.66) 46.2%, oklch(48.88% 0.1235 245.18) 48.7%, oklch(49.51% 0.1265 246.39) 51.3%, oklch(49.98% 0.1292 248.42) 53.8%, oklch(50.33% 0.1324 251.19) 56.4%, oklch(50.55% 0.1360 254.62) 59.0%, oklch(50.65% 0.1400 258.61) 61.5%, oklch(50.66% 0.1444 263.09) 64.1%, oklch(50.58% 0.1490 267.98) 66.7%, oklch(50.43% 0.1538 273.18) 69.2%, oklch(50.21% 0.1587 278.62) 71.8%, oklch(49.95% 0.1637 284.22) 74.4%, oklch(49.65% 0.1687 289.88) 76.9%, oklch(49.32% 0.1736 295.53) 79.5%, oklch(48.98% 0.1785 301.08) 82.1%, oklch(48.63% 0.1831 306.45) 84.6%, oklch(48.30% 0.1875 311.56) 87.2%, oklch(47.99% 0.1917 316.31) 89.7%, oklch(47.72% 0.1954 320.64) 92.3%, oklch(47.50% 0.1988 324.46) 94.9%, oklch(47.33% 0.2016 327.67) 97.4%, oklch(47.24% 0.2039 330.21) 100.0%);

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

Gradient synthwave

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