Xanh dương nhạt, trắng và xám (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 180°: #bbd7f0, #eff1f3, #f6eddf, #e7d4b2, #9eb08a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#bbd7f0
#c0d9f0
#c8dcf1
#d0dff2
#d9e3f2
#e1e8f2
#e7ecf3
#eceff3
#eff1f3
#f0f3f4
#f0f4f5
#f0f5f4
#eff5f1
#f0f4ed
#f2f3e8
#f5f0e3
#f6eddf
#f7eadb
#f7e7d5
#f6e3cf
#f4dfc8
#f0dcc0
#ecd8b9
#e7d4b2
#e1d0ab
#d9cba4
#cec69d
#c3c197
#b8bb92
#adb78e
#a5b38c
#9eb08a

CSS

background: linear-gradient(180deg in oklch, oklch(86.61% 0.0455 246.09) 0.0%, oklch(87.41% 0.0418 247.27) 3.2%, oklch(88.54% 0.0363 250.11) 6.5%, oklch(89.89% 0.0299 253.57) 9.7%, oklch(91.35% 0.0230 256.58) 12.9%, oklch(92.79% 0.0163 258.11) 16.1%, oklch(94.09% 0.0105 257.11) 19.4%, oklch(95.13% 0.0061 252.52) 22.6%, oklch(95.80% 0.0038 243.22) 25.8%, oklch(96.22% 0.0032 227.30) 29.0%, oklch(96.47% 0.0039 205.88) 32.3%, oklch(96.55% 0.0057 181.04) 35.5%, oklch(96.49% 0.0082 154.90) 38.7%, oklch(96.29% 0.0112 129.54) 41.9%, oklch(95.97% 0.0145 107.07) 45.2%, oklch(95.53% 0.0177 89.58) 48.4%, oklch(94.99% 0.0209 78.67) 51.6%, oklch(94.32% 0.0248 72.44) 54.8%, oklch(93.51% 0.0292 69.74) 58.1%, oklch(92.58% 0.0339 69.82) 61.3%, oklch(91.53% 0.0387 71.91) 64.5%, oklch(90.37% 0.0432 75.24) 67.7%, oklch(89.11% 0.0472 79.06) 71.0%, oklch(87.75% 0.0503 82.60) 74.2%, oklch(86.22% 0.0526 86.08) 77.4%, oklch(84.35% 0.0541 91.25) 80.6%, oklch(82.26% 0.0551 97.63) 83.9%, oklch(80.09% 0.0557 104.65) 87.1%, oklch(77.97% 0.0560 111.75) 90.3%, oklch(76.03% 0.0561 118.34) 93.5%, oklch(74.41% 0.0562 123.86) 96.8%, oklch(73.23% 0.0565 127.74) 100.0%);

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