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 135°: #d9f0ff, #afdbff, #8fd0fa, #80bff2, #8f93e0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d9f0ff
#d6eeff
#d1ecff
#cceaff
#c6e7ff
#c0e4ff
#bae1ff
#b4deff
#afdbff
#a9d8ff
#a4d6ff
#a0d4ff
#9dd2fe
#99d2fd
#96d1fc
#92d0fb
#8fd0fa
#8ccff8
#89cef7
#87cdf6
#84cbf5
#82c8f4
#81c4f3
#80bff2
#80baf1
#82b3f0
#84adee
#86a7eb
#89a1e8
#8b9be5
#8e96e2
#8f93e0

CSS

background: linear-gradient(135deg in oklch, oklch(94.28% 0.0317 236.33) 0.0%, oklch(93.75% 0.0345 236.85) 3.2%, oklch(93.04% 0.0382 237.58) 6.5%, oklch(92.20% 0.0426 238.50) 9.7%, oklch(91.25% 0.0475 239.52) 12.9%, oklch(90.24% 0.0526 240.58) 16.1%, oklch(89.21% 0.0579 241.61) 19.4%, oklch(88.18% 0.0632 242.55) 22.6%, oklch(87.19% 0.0683 243.34) 25.8%, oklch(86.29% 0.0730 243.92) 29.0%, oklch(85.50% 0.0773 244.21) 32.3%, oklch(84.86% 0.0804 244.08) 35.5%, oklch(84.34% 0.0827 243.31) 38.7%, oklch(83.91% 0.0845 242.08) 41.9%, oklch(83.55% 0.0860 240.55) 45.2%, oklch(83.22% 0.0871 238.92) 48.4%, oklch(82.89% 0.0881 237.37) 51.6%, oklch(82.54% 0.0890 236.07) 54.8%, oklch(82.13% 0.0899 235.23) 58.1%, oklch(81.63% 0.0909 235.01) 61.3%, oklch(81.02% 0.0922 235.60) 64.5%, oklch(80.26% 0.0938 237.20) 67.7%, oklch(79.30% 0.0956 240.02) 71.0%, oklch(78.18% 0.0977 243.88) 74.2%, oklch(76.94% 0.0998 248.51) 77.4%, oklch(75.63% 0.1020 253.66) 80.6%, oklch(74.30% 0.1042 259.06) 83.9%, oklch(73.00% 0.1063 264.46) 87.1%, oklch(71.78% 0.1083 269.58) 90.3%, oklch(70.69% 0.1101 274.18) 93.5%, oklch(69.78% 0.1115 277.98) 96.8%, oklch(69.09% 0.1127 280.74) 100.0%);

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

Light blue gradients

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