Tím, hồng và tím hoa cà (tương đồng) (gradient tuyến tính)

Bảng màu Tím, hồng và tím hoa cà (tương đồng)

Gradient tuyến tính, 32 màu, góc 270°: #9f5569, #c06f80, #d6919c, #cd8594, #af5c72. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#9f5569
#a2576b
#a6596d
#aa5d70
#af6073
#b46476
#b86879
#bc6b7c
#c06f80
#c47484
#c77887
#ca7c8b
#cd808f
#d08492
#d28895
#d58d99
#d6919c
#d7949f
#d896a0
#d796a0
#d6939e
#d48f9b
#d18a98
#cd8594
#ca7f8f
#c77a8b
#c37587
#be6f82
#ba697d
#b66478
#b25f74
#af5c72

CSS

background: linear-gradient(270deg in oklch, oklch(54.33% 0.1006 3.52) 0.0%, oklch(55.07% 0.1012 3.87) 3.2%, oklch(56.08% 0.1021 4.38) 6.5%, oklch(57.28% 0.1031 4.97) 9.7%, oklch(58.59% 0.1040 5.59) 12.9%, oklch(59.91% 0.1046 6.16) 16.1%, oklch(61.18% 0.1048 6.61) 19.4%, oklch(62.38% 0.1043 6.93) 22.6%, oklch(63.63% 0.1035 7.15) 25.8%, oklch(64.90% 0.1023 7.31) 29.0%, oklch(66.16% 0.1008 7.43) 32.3%, oklch(67.36% 0.0991 7.55) 35.5%, oklch(68.48% 0.0972 7.68) 38.7%, oklch(69.54% 0.0950 7.86) 41.9%, oklch(70.69% 0.0920 8.12) 45.2%, oklch(71.83% 0.0884 8.40) 48.4%, oklch(72.85% 0.0849 8.66) 51.6%, oklch(73.62% 0.0820 8.83) 54.8%, oklch(74.01% 0.0803 8.86) 58.1%, oklch(73.91% 0.0801 8.71) 61.3%, oklch(73.28% 0.0815 8.33) 64.5%, oklch(72.25% 0.0840 7.78) 67.7%, oklch(70.95% 0.0873 7.15) 71.0%, oklch(69.50% 0.0909 6.52) 74.2%, oklch(68.03% 0.0942 5.97) 77.4%, oklch(66.66% 0.0969 5.56) 80.6%, oklch(65.16% 0.0995 5.28) 83.9%, oklch(63.49% 0.1021 5.06) 87.1%, oklch(61.79% 0.1046 4.89) 90.3%, oklch(60.19% 0.1069 4.76) 93.5%, oklch(58.84% 0.1088 4.66) 96.8%, oklch(57.87% 0.1102 4.57) 100.0%);

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

Gradient hồng Gradient đỏ

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