Chuyển đến nội dung

Bảng màu Grabient

Xám sang xanh dương (đơn sắc) tông pastel (gradient tuyến tính)

Bảng màu Xám sang xanh dương (đơn sắc) tông pastel

Gradient tuyến tính, 32 màu, góc 135°: #eef6fb, #cfe4f3, #afceea, #a4c2ea, #b9c3f2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

  • #eef6fb
  • #ecf5fa
  • #e9f3fa
  • #e5f1f9
  • #e1eff8
  • #ddecf7
  • #d8e9f6
  • #d4e7f4
  • #cfe4f3
  • #cbe1f2
  • #c7dff1
  • #c3dcf0
  • #bfdaef
  • #bbd7ee
  • #b7d4ed
  • #b3d1ec
  • #afceea
  • #abcbe9
  • #a8c9e9
  • #a5c7e8
  • #a4c5e8
  • #a3c4e8
  • #a3c3e9
  • #a4c2ea
  • #a7c2eb
  • #a9c2ec
  • #acc2ee
  • #afc2ef
  • #b2c2f0
  • #b5c3f1
  • #b7c3f2
  • #b9c3f2

CSS

background: linear-gradient(135deg in oklch, oklch(96.86% 0.0108 234.82) 0.0%, oklch(96.40% 0.0123 235.21) 3.2%, oklch(95.82% 0.0142 235.70) 6.5%, oklch(95.13% 0.0165 236.28) 9.7%, oklch(94.35% 0.0190 236.93) 12.9%, oklch(93.51% 0.0217 237.64) 16.1%, oklch(92.64% 0.0245 238.39) 19.4%, oklch(91.74% 0.0274 239.18) 22.6%, oklch(90.84% 0.0303 239.98) 25.8%, oklch(89.97% 0.0332 240.78) 29.0%, oklch(89.14% 0.0358 241.57) 32.3%, oklch(88.34% 0.0384 242.33) 35.5%, oklch(87.48% 0.0411 243.00) 38.7%, oklch(86.57% 0.0438 243.63) 41.9%, oklch(85.64% 0.0466 244.24) 45.2%, oklch(84.71% 0.0495 244.89) 48.4%, oklch(83.81% 0.0522 245.60) 51.6%, oklch(82.98% 0.0548 246.40) 54.8%, oklch(82.23% 0.0572 247.35) 58.1%, oklch(81.59% 0.0594 248.47) 61.3%, oklch(81.09% 0.0613 249.80) 64.5%, oklch(80.75% 0.0628 251.40) 67.7%, oklch(80.60% 0.0640 253.42) 71.0%, oklch(80.60% 0.0649 255.82) 74.2%, oklch(80.73% 0.0656 258.48) 77.4%, oklch(80.95% 0.0660 261.31) 80.6%, oklch(81.24% 0.0663 264.18) 83.9%, oklch(81.56% 0.0665 266.99) 87.1%, oklch(81.88% 0.0666 269.64) 90.3%, oklch(82.17% 0.0667 272.00) 93.5%, oklch(82.40% 0.0668 273.98) 96.8%, oklch(82.54% 0.0670 275.45) 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