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°: #cfe8ef, #bde2ee, #a7d7ea, #91c8e0, #7fb8d6. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

  • #cfe8ef
  • #cee7ef
  • #cce7ef
  • #cae6ee
  • #c8e5ee
  • #c5e5ee
  • #c3e4ee
  • #c0e3ee
  • #bde2ee
  • #bbe1ed
  • #b8e0ed
  • #b5deed
  • #b2ddec
  • #afdcec
  • #acdaeb
  • #a9d9ea
  • #a7d7ea
  • #a4d5e9
  • #a1d3e7
  • #9ed1e6
  • #9bcfe5
  • #98cde3
  • #94cae2
  • #91c8e0
  • #8ec5de
  • #8cc3dd
  • #89c1db
  • #86beda
  • #84bcd9
  • #82bbd8
  • #80b9d7
  • #7fb8d6

CSS

background: linear-gradient(135deg in oklch, oklch(91.48% 0.0281 216.41) 0.0%, oklch(91.27% 0.0291 216.64) 3.2%, oklch(91.02% 0.0304 216.91) 6.5%, oklch(90.75% 0.0319 217.21) 9.7%, oklch(90.45% 0.0335 217.55) 12.9%, oklch(90.12% 0.0353 217.92) 16.1%, oklch(89.77% 0.0372 218.32) 19.4%, oklch(89.39% 0.0393 218.74) 22.6%, oklch(88.99% 0.0413 219.18) 25.8%, oklch(88.57% 0.0434 219.64) 29.0%, oklch(88.13% 0.0455 220.11) 32.3%, oklch(87.67% 0.0476 220.60) 35.5%, oklch(87.20% 0.0496 221.09) 38.7%, oklch(86.71% 0.0515 221.60) 41.9%, oklch(86.22% 0.0533 222.10) 45.2%, oklch(85.71% 0.0550 222.61) 48.4%, oklch(85.18% 0.0564 223.12) 51.6%, oklch(84.59% 0.0579 223.67) 54.8%, oklch(83.95% 0.0593 224.27) 58.1%, oklch(83.26% 0.0607 224.91) 61.3%, oklch(82.53% 0.0621 225.58) 64.5%, oklch(81.78% 0.0634 226.26) 67.7%, oklch(81.01% 0.0647 226.95) 71.0%, oklch(80.24% 0.0659 227.64) 74.2%, oklch(79.49% 0.0671 228.32) 77.4%, oklch(78.75% 0.0682 228.98) 80.6%, oklch(78.05% 0.0693 229.61) 83.9%, oklch(77.39% 0.0702 230.19) 87.1%, oklch(76.78% 0.0711 230.73) 90.3%, oklch(76.25% 0.0719 231.21) 93.5%, oklch(75.78% 0.0727 231.63) 96.8%, oklch(75.41% 0.0733 231.96) 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