Tím sang hồng (tương đồng) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #65157f, #98347f, #cb688f, #e49aad, #e2c7cf. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#65157f
#69177f
#6e1a80
#741e80
#7a2280
#822680
#892a7f
#912f7f
#98347f
#9f3a80
#a63f81
#ac4582
#b24b84
#b95286
#bf5988
#c5608b
#cb688f
#d16f92
#d67796
#da7e9a
#de859f
#e18ca3
#e393a8
#e49aad
#e5a1b3
#e5a7b8
#e5aebd
#e4b4c2
#e4bac6
#e3bfca
#e3c3cd
#e2c7cf

CSS

background: linear-gradient(135deg in oklch, oklch(38.58% 0.1695 315.70) 0.0%, oklch(39.42% 0.1687 317.45) 3.2%, oklch(40.47% 0.1677 319.76) 6.5%, oklch(41.70% 0.1667 322.51) 9.7%, oklch(43.09% 0.1656 325.59) 12.9%, oklch(44.60% 0.1642 328.88) 16.1%, oklch(46.20% 0.1627 332.27) 19.4%, oklch(47.87% 0.1609 335.64) 22.6%, oklch(49.58% 0.1589 338.88) 25.8%, oklch(51.29% 0.1566 341.88) 29.0%, oklch(52.99% 0.1539 344.51) 32.3%, oklch(54.68% 0.1509 346.78) 35.5%, oklch(56.48% 0.1477 348.98) 38.7%, oklch(58.38% 0.1443 351.10) 41.9%, oklch(60.34% 0.1406 353.13) 45.2%, oklch(62.34% 0.1367 355.03) 48.4%, oklch(64.33% 0.1325 356.78) 51.6%, oklch(66.31% 0.1280 358.35) 54.8%, oklch(68.22% 0.1232 359.73) 58.1%, oklch(70.06% 0.1181 0.87) 61.3%, oklch(71.77% 0.1127 1.76) 64.5%, oklch(73.35% 0.1069 2.36) 67.7%, oklch(74.88% 0.1001 2.57) 71.0%, oklch(76.38% 0.0924 2.40) 74.2%, oklch(77.84% 0.0841 1.95) 77.4%, oklch(79.23% 0.0754 1.28) 80.6%, oklch(80.55% 0.0668 0.47) 83.9%, oklch(81.78% 0.0584 359.60) 87.1%, oklch(82.90% 0.0505 358.73) 90.3%, oklch(83.89% 0.0434 357.94) 93.5%, oklch(84.74% 0.0375 357.31) 96.8%, oklch(85.43% 0.0331 356.92) 100.0%);

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

Gradient cho hero section Gradient tím Gradient tím và 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