Hồng và tím (tương đồng) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 270°: #e3b0d5, #9d5398, #511d56, #8c4284, #d492c1. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e3b0d5
#dea8d0
#d79cc9
#cf8ec2
#c580ba
#bb74b2
#b268aa
#a75ea1
#9d5398
#924a8e
#884185
#7d387c
#703071
#632867
#59225d
#521e57
#511d56
#541f58
#5b235e
#652865
#6f2e6d
#783474
#813b7c
#8c4284
#974a8e
#a25396
#ac5c9e
#b668a6
#bf74ae
#c880b6
#cf8bbc
#d492c1

CSS

background: linear-gradient(270deg in oklch, oklch(81.50% 0.0758 336.80) 0.0%, oklch(79.34% 0.0825 336.07) 3.2%, oklch(76.32% 0.0922 335.04) 6.5%, oklch(72.77% 0.1032 333.85) 9.7%, oklch(69.05% 0.1137 332.67) 12.9%, oklch(65.51% 0.1217 331.65) 16.1%, oklch(62.23% 0.1266 330.89) 19.4%, oklch(58.89% 0.1301 330.28) 22.6%, oklch(55.54% 0.1322 329.73) 25.8%, oklch(52.24% 0.1330 329.18) 29.0%, oklch(49.06% 0.1326 328.57) 32.3%, oklch(45.86% 0.1307 327.78) 35.5%, oklch(42.30% 0.1262 326.72) 38.7%, oklch(38.80% 0.1204 325.61) 41.9%, oklch(35.84% 0.1149 324.68) 45.2%, oklch(33.90% 0.1110 324.15) 48.4%, oklch(33.43% 0.1103 324.26) 51.6%, oklch(34.37% 0.1121 324.99) 54.8%, oklch(36.32% 0.1156 326.12) 58.1%, oklch(38.86% 0.1197 327.44) 61.3%, oklch(41.59% 0.1235 328.70) 64.5%, oklch(44.14% 0.1262 329.70) 67.7%, oklch(46.88% 0.1291 330.57) 71.0%, oklch(49.87% 0.1320 331.38) 74.2%, oklch(52.99% 0.1342 332.17) 77.4%, oklch(56.12% 0.1348 332.96) 80.6%, oklch(59.16% 0.1332 333.77) 83.9%, oklch(62.43% 0.1281 334.66) 87.1%, oklch(65.88% 0.1205 335.62) 90.3%, oklch(69.19% 0.1120 336.52) 93.5%, oklch(72.01% 0.1044 337.30) 96.8%, oklch(74.02% 0.0992 337.85) 100.0%);

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

Gradient tím đơn sắc 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