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

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

Gradient tuyến tính, 32 màu, góc 135°: #6d93cb, #a8d2fe, #e7fdea, #fbffab, #c5fa6f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#6d93cb
#7099d1
#76a2da
#7cace3
#83b6eb
#8bbef1
#95c5f7
#9fccfb
#a8d2fe
#b0d9ff
#b9dffe
#c5e5fa
#d1eaf6
#daeef4
#dff3f4
#e2f9f1
#e7fdea
#f1fee0
#faffd6
#fffed0
#fffed0
#feffbb
#fcffb6
#fbffab
#f8ffa3
#f3ff9b
#eeff92
#e7ff84
#dffe7b
#d5fd76
#ccfb72
#c5fa6f

CSS

background: linear-gradient(135deg in oklch, oklch(65.75% 0.0951 258.05) 0.0%, oklch(67.59% 0.0950 256.58) 3.2%, oklch(70.24% 0.0951 254.45) 6.5%, oklch(73.23% 0.0947 252.15) 9.7%, oklch(76.09% 0.0934 250.20) 12.9%, oklch(78.50% 0.0906 249.25) 16.1%, oklch(80.74% 0.0870 249.71) 19.4%, oklch(82.89% 0.0824 250.36) 22.6%, oklch(84.94% 0.0765 249.85) 25.8%, oklch(86.89% 0.0683 246.87) 29.0%, oklch(88.76% 0.0578 242.35) 32.3%, oklch(90.55% 0.0440 236.48) 35.5%, oklch(92.21% 0.0313 228.27) 38.7%, oklch(93.70% 0.0231 216.68) 41.9%, oklch(95.02% 0.0219 199.46) 45.2%, oklch(96.22% 0.0259 175.28) 48.4%, oklch(97.24% 0.0335 149.20) 51.6%, oklch(98.03% 0.0428 126.53) 54.8%, oklch(98.54% 0.0524 112.42) 58.1%, oklch(98.70% 0.0597 106.76) 61.3%, oklch(98.61% 0.0595 106.30) 64.5%, oklch(98.36% 0.0865 108.29) 67.7%, oklch(98.07% 0.0927 110.03) 71.0%, oklch(97.78% 0.1055 110.70) 74.2%, oklch(97.42% 0.1151 112.19) 77.4%, oklch(96.97% 0.1237 114.20) 80.6%, oklch(96.42% 0.1346 116.34) 83.9%, oklch(95.74% 0.1509 118.37) 87.1%, oklch(94.80% 0.1610 120.75) 90.3%, oklch(93.75% 0.1674 123.24) 93.5%, oklch(92.79% 0.1726 125.46) 96.8%, oklch(92.13% 0.1764 127.01) 100.0%);

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

Gradient nền Zoom Gradient xanh dương và xanh lá

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