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, 32 màu, góc 45°: #4f9fd4, #53abe5, #6cafed, #89abed, #aa9fe1. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#4f9fd4
#4f9fd5
#4fa1d7
#50a2d9
#50a4db
#50a6de
#51a8e0
#52a9e2
#53abe5
#55ace7
#57ade8
#5aaeea
#5daeeb
#60afec
#64afec
#68afed
#6cafed
#6fafed
#73afed
#77aeed
#7caeed
#80aded
#84aced
#89abed
#8fa9ec
#94a7eb
#99a6e9
#9da4e7
#a1a2e5
#a5a1e4
#a8a0e2
#aa9fe1

CSS

background: linear-gradient(45deg in oklch, oklch(67.32% 0.1116 240.47) 0.0%, oklch(67.61% 0.1122 240.47) 3.2%, oklch(67.98% 0.1130 240.40) 6.5%, oklch(68.43% 0.1141 240.29) 9.7%, oklch(68.93% 0.1152 240.17) 12.9%, oklch(69.47% 0.1164 240.08) 16.1%, oklch(70.02% 0.1176 240.06) 19.4%, oklch(70.56% 0.1186 240.13) 22.6%, oklch(71.07% 0.1193 240.34) 25.8%, oklch(71.54% 0.1198 240.71) 29.0%, oklch(71.93% 0.1199 241.28) 32.3%, oklch(72.26% 0.1196 242.05) 35.5%, oklch(72.55% 0.1189 242.91) 38.7%, oklch(72.81% 0.1179 243.87) 41.9%, oklch(73.05% 0.1166 244.95) 45.2%, oklch(73.26% 0.1151 246.15) 48.4%, oklch(73.44% 0.1135 247.51) 51.6%, oklch(73.60% 0.1118 249.03) 54.8%, oklch(73.74% 0.1101 250.74) 58.1%, oklch(73.86% 0.1085 252.64) 61.3%, oklch(73.96% 0.1070 254.77) 64.5%, oklch(74.04% 0.1057 257.16) 67.7%, oklch(74.08% 0.1043 260.09) 71.0%, oklch(74.08% 0.1030 263.52) 74.2%, oklch(74.05% 0.1016 267.31) 77.4%, oklch(74.00% 0.1002 271.31) 80.6%, oklch(73.93% 0.0988 275.35) 83.9%, oklch(73.85% 0.0975 279.31) 87.1%, oklch(73.78% 0.0964 283.02) 90.3%, oklch(73.71% 0.0953 286.33) 93.5%, oklch(73.65% 0.0944 289.11) 96.8%, 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