Tím, hồng và tím đậm tông trầm (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #6e3d62, #b07a91, #d7a3b0, #916179, #3a1538. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#6e3d62
#724165
#784669
#804d6e
#885574
#925e7b
#9c6782
#a6718a
#b07a91
#b98498
#c28d9f
#ca95a6
#d19bab
#d5a1af
#d8a4b1
#d9a5b2
#d7a3b0
#d29fad
#cb98a7
#c290a0
#b78597
#ab7a8e
#9e6e84
#916179
#83556f
#754964
#683d5b
#5c3252
#512949
#472142
#401a3c
#3a1538

CSS

background: linear-gradient(135deg in oklch, oklch(43.31% 0.0854 336.80) 0.0%, oklch(44.70% 0.0846 337.83) 3.2%, oklch(46.63% 0.0834 339.25) 6.5%, oklch(49.00% 0.0820 340.99) 9.7%, oklch(51.72% 0.0804 342.98) 12.9%, oklch(54.69% 0.0786 345.15) 16.1%, oklch(57.82% 0.0768 347.44) 19.4%, oklch(61.01% 0.0749 349.78) 22.6%, oklch(64.17% 0.0730 352.10) 25.8%, oklch(67.19% 0.0711 354.34) 29.0%, oklch(70.00% 0.0694 356.42) 32.3%, oklch(72.48% 0.0677 358.29) 35.5%, oklch(74.55% 0.0663 359.86) 38.7%, oklch(76.11% 0.0651 1.09) 41.9%, oklch(77.07% 0.0641 1.89) 45.2%, oklch(77.33% 0.0635 2.21) 48.4%, oklch(76.79% 0.0633 1.96) 51.6%, oklch(75.40% 0.0634 1.14) 54.8%, oklch(73.27% 0.0639 359.81) 58.1%, oklch(70.49% 0.0646 358.05) 61.3%, oklch(67.19% 0.0655 355.92) 64.5%, oklch(63.46% 0.0666 353.50) 67.7%, oklch(59.42% 0.0679 350.86) 71.0%, oklch(55.17% 0.0692 348.07) 74.2%, oklch(50.82% 0.0706 345.22) 77.4%, oklch(46.48% 0.0721 342.37) 80.6%, oklch(42.27% 0.0735 339.59) 83.9%, oklch(38.28% 0.0748 336.96) 87.1%, oklch(34.63% 0.0760 334.56) 90.3%, oklch(31.42% 0.0771 332.44) 93.5%, oklch(28.76% 0.0779 330.70) 96.8%, oklch(26.77% 0.0785 329.40) 100.0%);

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

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