Chuyển đến nội dung

Bảng màu Grabient

Xanh dương (đơn sắc) tông pastel (gradient tuyến tính)

Bảng màu Xanh dương (đơn sắc) tông pastel

Gradient tuyến tính, 32 màu, góc 135°: #e0f7fa, #cbf2f6, #b0ebf2, #98e4ee, #80deea. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

  • #e0f7fa
  • #def7fa
  • #dcf6f9
  • #daf5f9
  • #d8f5f9
  • #d5f4f8
  • #d2f3f8
  • #cff2f7
  • #cbf2f6
  • #c8f1f6
  • #c5f0f5
  • #c1eff5
  • #beeef4
  • #baedf3
  • #b7ecf3
  • #b4ebf2
  • #b0ebf2
  • #adeaf1
  • #aae9f1
  • #a6e8f0
  • #a3e7ef
  • #9fe6ef
  • #9be5ee
  • #98e4ee
  • #94e3ed
  • #91e2ec
  • #8de1ec
  • #8ae0eb
  • #87e0eb
  • #84dfeb
  • #82deea
  • #80deea

CSS

background: linear-gradient(135deg in oklch, oklch(96.02% 0.0244 206.20) 0.0%, oklch(95.82% 0.0257 206.17) 3.2%, oklch(95.57% 0.0272 206.14) 6.5%, oklch(95.28% 0.0289 206.09) 9.7%, oklch(94.96% 0.0308 206.05) 12.9%, oklch(94.61% 0.0330 206.00) 16.1%, oklch(94.24% 0.0352 205.94) 19.4%, oklch(93.85% 0.0376 205.88) 22.6%, oklch(93.44% 0.0401 205.83) 25.8%, oklch(93.02% 0.0426 205.77) 29.0%, oklch(92.59% 0.0452 205.72) 32.3%, oklch(92.17% 0.0477 205.68) 35.5%, oklch(91.74% 0.0503 205.64) 38.7%, oklch(91.32% 0.0527 205.61) 41.9%, oklch(90.92% 0.0551 205.58) 45.2%, oklch(90.53% 0.0574 205.57) 48.4%, oklch(90.16% 0.0596 205.57) 51.6%, oklch(89.77% 0.0618 205.58) 54.8%, oklch(89.37% 0.0642 205.61) 58.1%, oklch(88.95% 0.0666 205.64) 61.3%, oklch(88.53% 0.0690 205.68) 64.5%, oklch(88.10% 0.0714 205.73) 67.7%, oklch(87.68% 0.0738 205.78) 71.0%, oklch(87.26% 0.0762 205.83) 74.2%, oklch(86.85% 0.0785 205.89) 77.4%, oklch(86.45% 0.0808 205.94) 80.6%, oklch(86.08% 0.0829 206.00) 83.9%, oklch(85.73% 0.0849 206.05) 87.1%, oklch(85.41% 0.0867 206.10) 90.3%, oklch(85.12% 0.0883 206.14) 93.5%, oklch(84.88% 0.0897 206.17) 96.8%, oklch(84.67% 0.0909 206.20) 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