Xanh dương (đơn sắc) tông pastel (gradient tuyến tính)

Bảng màu Xanh dương (đơn sắc) tông pastel

Gradient tuyến tính, 21 màu, góc 45°: #4f9fd4, #53aae4, #6aafed, #8baaec, #aa9fe1. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#4f9fd4
#4fa0d6
#50a2d9
#50a5dd
#51a8e0
#53aae4
#56ace7
#5aaeea
#5eafeb
#64afec
#6aafed
#70afed
#76aeed
#7caeed
#83aced
#8baaec
#93a8eb
#9aa5e8
#a1a3e6
#a6a1e3
#aa9fe1

CSS

background: linear-gradient(45deg in oklch, oklch(67.32% 0.1116 240.47) 0.0%, oklch(67.80% 0.1126 240.44) 5.0%, oklch(68.48% 0.1142 240.28) 10.0%, oklch(69.28% 0.1160 240.11) 15.0%, oklch(70.13% 0.1178 240.06) 20.0%, oklch(70.95% 0.1192 240.27) 25.0%, oklch(71.67% 0.1199 240.86) 30.0%, oklch(72.21% 0.1197 241.93) 35.0%, oklch(72.66% 0.1185 243.28) 40.0%, oklch(73.03% 0.1166 244.89) 45.0%, oklch(73.35% 0.1143 246.81) 50.0%, oklch(73.61% 0.1117 249.11) 55.0%, oklch(73.82% 0.1091 251.86) 60.0%, oklch(73.97% 0.1068 255.11) 65.0%, oklch(74.07% 0.1048 259.15) 70.0%, oklch(74.07% 0.1026 264.44) 75.0%, oklch(74.01% 0.1004 270.50) 80.0%, oklch(73.90% 0.0984 276.76) 85.0%, oklch(73.79% 0.0965 282.66) 90.0%, oklch(73.68% 0.0949 287.66) 95.0%, oklch(73.62% 0.0937 291.19) 100.0%);

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

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