Tím sang tím đậm (đơn sắc) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 180°: #bc4a87, #9d3472, #761c58, #500f3f, #300728. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#bc4a87
#b94985
#b64683
#b34481
#af417e
#ab3e7b
#a73b78
#a23875
#9d3472
#98316f
#932e6b
#8e2a68
#892765
#842461
#7f215e
#7b1e5b
#761c58
#711a54
#6c1851
#66164d
#61144a
#5b1246
#551142
#500f3f
#4b0e3b
#460c38
#410b34
#3d0a31
#39092e
#35082c
#320729
#300728

CSS

background: linear-gradient(180deg in oklch, oklch(57.87% 0.1598 350.16) 0.0%, oklch(57.23% 0.1592 349.97) 3.2%, oklch(56.46% 0.1586 349.75) 6.5%, oklch(55.57% 0.1579 349.50) 9.7%, oklch(54.57% 0.1573 349.22) 12.9%, oklch(53.48% 0.1565 348.92) 16.1%, oklch(52.32% 0.1557 348.59) 19.4%, oklch(51.10% 0.1548 348.25) 22.6%, oklch(49.83% 0.1537 347.88) 25.8%, oklch(48.52% 0.1525 347.51) 29.0%, oklch(47.19% 0.1512 347.12) 32.3%, oklch(45.86% 0.1498 346.72) 35.5%, oklch(44.53% 0.1481 346.31) 38.7%, oklch(43.23% 0.1462 345.90) 41.9%, oklch(41.96% 0.1441 345.49) 45.2%, oklch(40.74% 0.1418 345.08) 48.4%, oklch(39.57% 0.1392 344.66) 51.6%, oklch(38.34% 0.1361 344.21) 54.8%, oklch(37.06% 0.1325 343.72) 58.1%, oklch(35.74% 0.1285 343.20) 61.3%, oklch(34.39% 0.1242 342.66) 64.5%, oklch(33.02% 0.1196 342.10) 67.7%, oklch(31.67% 0.1150 341.54) 71.0%, oklch(30.33% 0.1102 340.98) 74.2%, oklch(29.02% 0.1055 340.43) 77.4%, oklch(27.76% 0.1009 339.90) 80.6%, oklch(26.56% 0.0964 339.39) 83.9%, oklch(25.44% 0.0923 338.91) 87.1%, oklch(24.42% 0.0885 338.47) 90.3%, oklch(23.50% 0.0851 338.08) 93.5%, oklch(22.71% 0.0822 337.75) 96.8%, oklch(22.05% 0.0799 337.48) 100.0%);

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

Gradient hoàng hôn Gradient hồng Sọc màu pha đen

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