Xanh dương nhạt sang xanh dương (đơn sắc) (gradient tuyến tính)
Gradient tuyến tính, 32 màu, góc 90°: #e4f9ff, #b5e9fe, #72ceff, #2dadfe, #0084ec. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #e4f9ff
- #e0f8ff
- #dcf7ff
- #d6f5ff
- #d0f3ff
- #caf1ff
- #c3effe
- #bcecfe
- #b5e9fe
- #aee7fe
- #a6e4fe
- #9ee1fe
- #96deff
- #8ddaff
- #84d6ff
- #7bd2ff
- #72ceff
- #69caff
- #60c6ff
- #56c1ff
- #4cbcff
- #42b8ff
- #37b3ff
- #2dadfe
- #24a7fc
- #1ba1fa
- #129bf7
- #0995f5
- #0190f3
- #008bf0
- #0087ee
- #0084ec
CSS
background: linear-gradient(90deg in oklch, oklch(96.85% 0.0232 217.23) 0.0%, oklch(96.37% 0.0265 217.77) 3.2%, oklch(95.78% 0.0304 218.43) 6.5%, oklch(95.10% 0.0349 219.21) 9.7%, oklch(94.33% 0.0394 220.11) 12.9%, oklch(93.48% 0.0443 221.06) 16.1%, oklch(92.57% 0.0495 222.08) 19.4%, oklch(91.61% 0.0550 223.14) 22.6%, oklch(90.61% 0.0607 224.23) 25.8%, oklch(89.58% 0.0666 225.33) 29.0%, oklch(88.54% 0.0725 226.42) 32.3%, oklch(87.48% 0.0785 227.51) 35.5%, oklch(86.35% 0.0851 228.64) 38.7%, oklch(85.17% 0.0919 229.82) 41.9%, oklch(83.95% 0.0984 231.03) 45.2%, oklch(82.68% 0.1049 232.28) 48.4%, oklch(81.39% 0.1116 233.55) 51.6%, oklch(80.07% 0.1184 234.82) 54.8%, oklch(78.74% 0.1251 236.10) 58.1%, oklch(77.41% 0.1319 237.37) 61.3%, oklch(76.08% 0.1386 238.63) 64.5%, oklch(74.75% 0.1454 239.87) 67.7%, oklch(73.32% 0.1526 241.18) 71.0%, oklch(71.80% 0.1580 242.57) 74.2%, oklch(70.21% 0.1627 244.00) 77.4%, oklch(68.61% 0.1671 245.42) 80.6%, oklch(67.04% 0.1712 246.82) 83.9%, oklch(65.53% 0.1749 248.15) 87.1%, oklch(64.14% 0.1783 249.38) 90.3%, oklch(62.89% 0.1804 250.49) 93.5%, oklch(61.84% 0.1820 251.42) 96.8%, oklch(61.03% 0.1834 252.15) 100.0%);Trong các bộ sưu tập này
Gradient cho hero sectionGradient xanh dương rựcGradient hình nền máy tính
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
