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°: #e8f4fd, #d6ebfd, #bedffb, #a5d2f7, #8ec5f2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e8f4fd
#e7f3fd
#e5f2fd
#e3f2fd
#e0f1fd
#deeffd
#dbeefd
#d9edfd
#d6ebfd
#d3eafc
#d0e9fc
#cde7fc
#cae5fc
#c6e4fc
#c3e2fb
#c0e1fb
#bedffb
#badefa
#b7dcfa
#b4daf9
#b0d8f9
#acd6f8
#a9d4f7
#a5d2f7
#a1d0f6
#9ecef5
#9bccf5
#97caf4
#95c9f3
#92c7f3
#90c6f2
#8ec5f2

CSS

background: linear-gradient(135deg in oklch, oklch(96.08% 0.0176 239.99) 0.0%, oklch(95.83% 0.0188 240.10) 3.2%, oklch(95.54% 0.0203 240.25) 6.5%, oklch(95.21% 0.0219 240.41) 9.7%, oklch(94.84% 0.0238 240.60) 12.9%, oklch(94.43% 0.0259 240.81) 16.1%, oklch(94.00% 0.0281 241.03) 19.4%, oklch(93.54% 0.0304 241.26) 22.6%, oklch(93.06% 0.0328 241.49) 25.8%, oklch(92.56% 0.0352 241.72) 29.0%, oklch(92.04% 0.0377 241.96) 32.3%, oklch(91.52% 0.0403 242.18) 35.5%, oklch(90.99% 0.0428 242.39) 38.7%, oklch(90.46% 0.0452 242.59) 41.9%, oklch(89.93% 0.0476 242.76) 45.2%, oklch(89.41% 0.0500 242.91) 48.4%, oklch(88.89% 0.0522 243.04) 51.6%, oklch(88.32% 0.0545 243.15) 54.8%, oklch(87.72% 0.0570 243.24) 58.1%, oklch(87.08% 0.0595 243.33) 61.3%, oklch(86.43% 0.0621 243.40) 64.5%, oklch(85.75% 0.0648 243.47) 67.7%, oklch(85.07% 0.0674 243.52) 71.0%, oklch(84.40% 0.0700 243.57) 74.2%, oklch(83.73% 0.0725 243.62) 77.4%, oklch(83.09% 0.0749 243.65) 80.6%, oklch(82.48% 0.0772 243.68) 83.9%, oklch(81.90% 0.0794 243.71) 87.1%, oklch(81.38% 0.0814 243.74) 90.3%, oklch(80.91% 0.0831 243.77) 93.5%, oklch(80.50% 0.0847 243.79) 96.8%, oklch(80.17% 0.0859 243.82) 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