Xanh dương sang tím oải hương (tương đồng) tông pastel (gradient tuyến tính)

Bảng màu Xanh dương sang tím oải hương (tương đồng) tông pastel

Gradient tuyến tính, 32 màu, góc 90°: #8dc7ff, #8ed4ff, #a6d8ff, #bfd3ff, #dfc5fc. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#8dc7ff
#8dc8ff
#8dc9ff
#8dcbff
#8ccdff
#8ccfff
#8cd1ff
#8dd2ff
#8ed4ff
#8fd5ff
#92d6ff
#94d7ff
#97d7ff
#9bd7ff
#9ed8ff
#a2d8ff
#a6d8ff
#aad7ff
#aed7fe
#b1d7fe
#b5d6fe
#b8d5ff
#bbd4ff
#bfd3ff
#c3d1ff
#c8d0ff
#ccceff
#d0ccff
#d5c9ff
#d9c7fe
#dcc6fd
#dfc5fc

CSS

background: linear-gradient(90deg in oklch, oklch(81.10% 0.0992 248.20) 0.0%, oklch(81.31% 0.0988 247.34) 3.2%, oklch(81.59% 0.0983 246.05) 6.5%, oklch(81.92% 0.0976 244.46) 9.7%, oklch(82.29% 0.0967 242.71) 12.9%, oklch(82.68% 0.0959 240.90) 16.1%, oklch(83.09% 0.0950 239.16) 19.4%, oklch(83.49% 0.0939 237.63) 22.6%, oklch(83.88% 0.0928 236.41) 25.8%, oklch(84.24% 0.0913 235.64) 29.0%, oklch(84.55% 0.0896 235.44) 32.3%, oklch(84.82% 0.0876 235.83) 35.5%, oklch(85.08% 0.0854 236.56) 38.7%, oklch(85.32% 0.0830 237.61) 41.9%, oklch(85.56% 0.0805 238.97) 45.2%, oklch(85.77% 0.0780 240.64) 48.4%, oklch(85.97% 0.0756 242.61) 51.6%, oklch(86.15% 0.0728 244.88) 54.8%, oklch(86.31% 0.0702 247.43) 58.1%, oklch(86.45% 0.0681 250.27) 61.3%, oklch(86.56% 0.0667 253.38) 64.5%, oklch(86.64% 0.0660 256.80) 67.7%, oklch(86.68% 0.0654 261.01) 71.0%, oklch(86.68% 0.0649 265.98) 74.2%, oklch(86.65% 0.0652 271.48) 77.4%, oklch(86.60% 0.0663 277.29) 80.6%, oklch(86.53% 0.0682 283.20) 83.9%, oklch(86.45% 0.0710 288.97) 87.1%, oklch(86.38% 0.0745 294.39) 90.3%, oklch(86.31% 0.0775 299.24) 93.5%, oklch(86.25% 0.0790 303.29) 96.8%, oklch(86.22% 0.0799 306.32) 100.0%);

Trong các bộ sưu tập này

Gradient mùa xuân Gradient pastel Gradient nhiều màu dịu

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động