Chuyển đến nội dung

Bảng màu Grabient

Trắng sang xanh dương nhạt (đơn sắc) (gradient tuyến tính)

Bảng màu Trắng sang xanh dương nhạt (đơn sắc)

Gradient tuyến tính, 32 màu, góc 135°: #ffffff, #edf7fd, #d5ebfa, #bddef5, #a7d1f0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

  • #ffffff
  • #fefeff
  • #fcfeff
  • #fafdfe
  • #f8fcfe
  • #f5fbfe
  • #f2f9fe
  • #f0f8fd
  • #edf7fd
  • #eaf5fd
  • #e7f4fc
  • #e4f3fc
  • #e1f1fc
  • #ddf0fb
  • #daeefb
  • #d7edfa
  • #d5ebfa
  • #d1eaf9
  • #cee8f9
  • #cbe6f8
  • #c7e4f7
  • #c4e2f6
  • #c0e0f6
  • #bddef5
  • #b9dcf4
  • #b6daf3
  • #b3d8f3
  • #b0d6f2
  • #add5f1
  • #abd3f1
  • #a9d2f0
  • #a7d1f0

CSS

background: linear-gradient(135deg in oklch, oklch(100.00% 0.0000 89.88) 0.0%, oklch(99.75% 0.0011 235.54) 3.2%, oklch(99.46% 0.0024 235.52) 6.5%, oklch(99.13% 0.0039 235.49) 9.7%, oklch(98.76% 0.0056 235.45) 12.9%, oklch(98.36% 0.0074 235.40) 16.1%, oklch(97.93% 0.0094 235.36) 19.4%, oklch(97.48% 0.0114 235.32) 22.6%, oklch(97.00% 0.0136 235.28) 25.8%, oklch(96.50% 0.0158 235.26) 29.0%, oklch(95.99% 0.0181 235.25) 32.3%, oklch(95.47% 0.0203 235.26) 35.5%, oklch(94.95% 0.0226 235.30) 38.7%, oklch(94.42% 0.0248 235.35) 41.9%, oklch(93.89% 0.0270 235.44) 45.2%, oklch(93.37% 0.0291 235.56) 48.4%, oklch(92.85% 0.0311 235.72) 51.6%, oklch(92.29% 0.0333 235.94) 54.8%, oklch(91.68% 0.0355 236.20) 58.1%, oklch(91.05% 0.0378 236.50) 61.3%, oklch(90.39% 0.0402 236.83) 64.5%, oklch(89.71% 0.0426 237.19) 67.7%, oklch(89.03% 0.0450 237.56) 71.0%, oklch(88.35% 0.0474 237.95) 74.2%, oklch(87.69% 0.0497 238.33) 77.4%, oklch(87.04% 0.0519 238.71) 80.6%, oklch(86.43% 0.0541 239.08) 83.9%, oklch(85.85% 0.0561 239.42) 87.1%, oklch(85.32% 0.0579 239.74) 90.3%, oklch(84.85% 0.0595 240.02) 93.5%, oklch(84.45% 0.0609 240.25) 96.8%, oklch(84.12% 0.0621 240.44) 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ậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động