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

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

Gradient tuyến tính, 32 màu, góc 255°: #4a3169, #da8eb9, #f2979f, #a95e68, #35132e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#4a3169
#543770
#624079
#734b84
#875890
#9c669c
#b274a7
#c782b1
#da8eb9
#e999be
#f4a0c0
#faa4c0
#fda5bc
#fea4b7
#fca1b0
#f89da8
#f2979f
#ea9195
#e2898c
#d88284
#cf7a7c
#c57275
#b8696f
#a95e68
#995361
#874759
#763c51
#653149
#562741
#481f3a
#3d1833
#35132e

CSS

background: linear-gradient(255deg in oklch, oklch(37.01% 0.0965 302.34) 0.0%, oklch(39.74% 0.0971 305.57) 3.2%, oklch(43.54% 0.0981 309.86) 6.5%, oklch(48.16% 0.0993 315.00) 9.7%, oklch(53.30% 0.1006 320.74) 12.9%, oklch(58.69% 0.1019 326.86) 16.1%, oklch(64.06% 0.1033 333.13) 19.4%, oklch(69.13% 0.1046 339.30) 22.6%, oklch(73.62% 0.1057 345.15) 25.8%, oklch(77.26% 0.1067 350.44) 29.0%, oklch(79.78% 0.1073 354.95) 32.3%, oklch(81.04% 0.1078 358.69) 35.5%, oklch(81.48% 0.1082 2.32) 38.7%, oklch(81.22% 0.1086 5.81) 41.9%, oklch(80.33% 0.1089 9.07) 45.2%, oklch(78.92% 0.1091 12.02) 48.4%, oklch(77.08% 0.1091 14.56) 51.6%, oklch(74.89% 0.1088 16.60) 54.8%, oklch(72.44% 0.1082 18.06) 58.1%, oklch(69.83% 0.1073 18.85) 61.3%, oklch(67.14% 0.1059 18.88) 64.5%, oklch(64.42% 0.1040 18.02) 67.7%, oklch(61.11% 0.1013 15.82) 71.0%, oklch(57.20% 0.0979 12.41) 74.2%, oklch(52.85% 0.0940 8.08) 77.4%, oklch(48.25% 0.0897 3.10) 80.6%, oklch(43.56% 0.0852 357.78) 83.9%, oklch(38.98% 0.0808 352.41) 87.1%, oklch(34.67% 0.0766 347.27) 90.3%, oklch(30.82% 0.0729 342.65) 93.5%, oklch(27.60% 0.0698 338.85) 96.8%, oklch(25.20% 0.0675 336.16) 100.0%);

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

Gradient hồng

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