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 135°: #cbeaff, #aad5fe, #9fbcf6, #b2b6f1, #ddd1f8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#cbeaff
#c8e9ff
#c5e7ff
#c0e4ff
#bce2ff
#b7dfff
#b2dcff
#aed8ff
#aad5fe
#a7d2fe
#a5cffd
#a3ccfd
#a1c9fc
#a0c6fb
#9fc2f9
#9fbff8
#9fbcf6
#9fb9f5
#a0b6f3
#a2b4f2
#a5b3f1
#a8b3f1
#adb4f1
#b2b6f1
#b8b9f2
#bfbcf3
#c6c0f4
#ccc4f5
#d1c8f6
#d6cbf7
#dacef7
#ddd1f8

CSS

background: linear-gradient(135deg in oklch, oklch(92.13% 0.0434 237.64) 0.0%, oklch(91.64% 0.0458 238.38) 3.2%, oklch(91.01% 0.0490 239.28) 6.5%, oklch(90.26% 0.0527 240.31) 9.7%, oklch(89.42% 0.0568 241.48) 12.9%, oklch(88.52% 0.0612 242.77) 16.1%, oklch(87.58% 0.0655 244.18) 19.4%, oklch(86.64% 0.0694 245.70) 22.6%, oklch(85.73% 0.0731 247.31) 25.8%, oklch(84.87% 0.0764 249.00) 29.0%, oklch(84.09% 0.0792 250.78) 32.3%, oklch(83.38% 0.0813 252.66) 35.5%, oklch(82.60% 0.0834 254.71) 38.7%, oklch(81.77% 0.0853 256.92) 41.9%, oklch(80.93% 0.0870 259.24) 45.2%, oklch(80.13% 0.0884 261.65) 48.4%, oklch(79.39% 0.0896 264.13) 51.6%, oklch(78.76% 0.0904 266.65) 54.8%, oklch(78.27% 0.0908 269.17) 58.1%, oklch(77.96% 0.0908 271.66) 61.3%, oklch(77.87% 0.0902 274.11) 64.5%, oklch(78.04% 0.0891 276.50) 67.7%, oklch(78.56% 0.0870 279.01) 71.0%, oklch(79.37% 0.0841 281.67) 74.2%, oklch(80.42% 0.0805 284.40) 77.4%, oklch(81.63% 0.0765 287.13) 80.6%, oklch(82.92% 0.0722 289.81) 83.9%, oklch(84.23% 0.0680 292.36) 87.1%, oklch(85.48% 0.0639 294.73) 90.3%, oklch(86.61% 0.0603 296.83) 93.5%, oklch(87.53% 0.0573 298.61) 96.8%, oklch(88.19% 0.0551 300.00) 100.0%);

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

Gradient xanh dương và tím

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