Xám, xanh dương và be tông pastel (gradient tuyến tính)

Bảng màu Xám, xanh dương và be tông pastel

Gradient tuyến tính, 32 màu, góc 90°: #f7e8f2, #d7d5f5, #a8dee8, #bce6c5, #f4e3a1. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f7e8f2
#f5e6f1
#f3e3f1
#f0e0f1
#ecddf1
#e7daf2
#e2d8f2
#ddd6f4
#d7d5f5
#d1d5f6
#cad5f7
#c3d6f6
#bbd8f5
#b5d9f3
#afdbf0
#abdcec
#a8dee8
#a7dfe3
#a7e1de
#a9e2d9
#ade3d4
#b1e4cf
#b6e5ca
#bce6c5
#c1e6bf
#c8e6ba
#d0e6b4
#d8e6ae
#e0e5a9
#e8e4a6
#eee4a3
#f4e3a1

CSS

background: linear-gradient(90deg in oklch, oklch(94.49% 0.0207 337.50) 0.0%, oklch(93.99% 0.0225 333.89) 3.2%, oklch(93.29% 0.0250 329.28) 6.5%, oklch(92.45% 0.0280 323.81) 9.7%, oklch(91.54% 0.0312 317.60) 12.9%, oklch(90.63% 0.0346 310.78) 16.1%, oklch(89.77% 0.0379 303.48) 19.4%, oklch(89.02% 0.0408 295.83) 22.6%, oklch(88.46% 0.0433 287.94) 25.8%, oklch(88.00% 0.0455 279.30) 29.0%, oklch(87.61% 0.0475 269.89) 32.3%, oklch(87.28% 0.0494 259.94) 35.5%, oklch(87.02% 0.0512 249.69) 38.7%, oklch(86.82% 0.0529 239.38) 41.9%, oklch(86.69% 0.0544 229.26) 45.2%, oklch(86.62% 0.0558 219.54) 48.4%, oklch(86.63% 0.0571 210.40) 51.6%, oklch(86.74% 0.0580 201.46) 54.8%, oklch(86.93% 0.0587 192.67) 58.1%, oklch(87.19% 0.0592 184.03) 61.3%, oklch(87.50% 0.0598 175.57) 64.5%, oklch(87.84% 0.0605 167.29) 67.7%, oklch(88.18% 0.0615 159.20) 71.0%, oklch(88.51% 0.0629 151.33) 74.2%, oklch(88.83% 0.0650 143.50) 77.4%, oklch(89.21% 0.0678 135.38) 80.6%, oklch(89.61% 0.0710 127.23) 83.9%, oklch(90.03% 0.0744 119.31) 87.1%, oklch(90.44% 0.0778 111.91) 90.3%, oklch(90.80% 0.0809 105.30) 93.5%, oklch(91.11% 0.0836 99.74) 96.8%, oklch(91.34% 0.0854 95.50) 100.0%);

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

Gradient cầu vồng tông trầm Gradient nhiều màu

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