Cầu vồng từ tím sang hồng tông pastel (gradient tuyến tính)

Bảng màu Cầu vồng từ tím sang hồng tông pastel

Gradient tuyến tính, 32 màu, góc 180°: #5b3b77, #8d7db9, #c5d9ee, #6db8a5, #edc6d9. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#5b3b77
#5f407c
#654583
#6d4c8b
#755494
#7c5d9d
#8366a6
#8871b0
#8d7db9
#9289c2
#9796ca
#9da3d2
#a3aed8
#a9b9de
#b2c4e4
#bccfe9
#c5d9ee
#cce0f1
#cee4f2
#c8e3ef
#b7dce6
#9ed1d6
#82c4c0
#6db8a5
#69ad89
#79a771
#99a462
#bca368
#d7a784
#e6b1a8
#ecbdc7
#edc6d9

CSS

background: linear-gradient(180deg in oklch, oklch(41.73% 0.1020 306.56) 0.0%, oklch(43.29% 0.1023 306.55) 3.2%, oklch(45.40% 0.1030 306.82) 6.5%, oklch(47.91% 0.1038 307.02) 9.7%, oklch(50.69% 0.1041 306.83) 12.9%, oklch(53.61% 0.1034 305.92) 16.1%, oklch(56.52% 0.1012 303.94) 19.4%, oklch(59.46% 0.0971 300.67) 22.6%, oklch(62.66% 0.0911 296.27) 25.8%, oklch(66.01% 0.0839 291.02) 29.0%, oklch(69.38% 0.0761 285.21) 32.3%, oklch(72.64% 0.0684 279.11) 35.5%, oklch(75.66% 0.0616 273.01) 38.7%, oklch(78.49% 0.0557 267.23) 41.9%, oklch(81.64% 0.0490 261.92) 45.2%, oklch(84.82% 0.0422 256.64) 48.4%, oklch(87.63% 0.0363 250.91) 51.6%, oklch(89.71% 0.0322 244.25) 54.8%, oklch(90.67% 0.0308 236.19) 58.1%, oklch(90.05% 0.0333 226.38) 61.3%, oklch(87.13% 0.0415 215.64) 64.5%, oklch(82.62% 0.0535 203.95) 67.7%, oklch(77.49% 0.0670 190.96) 71.0%, oklch(72.72% 0.0796 176.34) 74.2%, oklch(69.26% 0.0889 159.77) 77.4%, oklch(68.10% 0.0925 140.81) 80.6%, oklch(69.39% 0.0899 116.55) 83.9%, oklch(72.40% 0.0831 87.92) 87.1%, oklch(76.38% 0.0738 57.81) 90.3%, oklch(80.57% 0.0639 29.09) 93.5%, oklch(84.23% 0.0552 4.67) 96.8%, oklch(86.61% 0.0496 347.42) 100.0%);

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

Phượng tím đầu mùa

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