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

Gradient tuyến tính, 32 màu, góc 240°: #180132, #d26dc7, #b738b2, #400e57, #050005. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#180132
#290c43
#45205d
#69387a
#914f96
#b564ad
#cf71bd
#d773c5
#d26dc7
#c462c6
#b154c3
#a047be
#943dba
#9338b8
#9c36b8
#a937b6
#b738b2
#c13aad
#c239a5
#b7359c
#9f2e91
#7f2481
#5e1a6e
#400e57
#2a0542
#1c0131
#130024
#0e0019
#0a0011
#08000c
#060007
#050005

CSS

background: linear-gradient(240deg in oklch, oklch(17.72% 0.0909 298.83) 0.0%, oklch(23.75% 0.0976 303.21) 3.2%, oklch(32.69% 0.1069 309.77) 6.5%, oklch(43.04% 0.1180 317.35) 9.7%, oklch(53.33% 0.1297 324.76) 12.9%, oklch(62.09% 0.1411 330.85) 16.1%, oklch(67.85% 0.1512 334.44) 19.4%, oklch(69.58% 0.1599 334.49) 22.6%, oklch(68.20% 0.1686 331.43) 25.8%, oklch(64.79% 0.1769 326.55) 29.0%, oklch(60.45% 0.1846 321.12) 32.3%, oklch(56.27% 0.1913 316.45) 35.5%, oklch(53.33% 0.1967 313.81) 38.7%, oklch(52.56% 0.2009 314.42) 41.9%, oklch(53.50% 0.2052 318.08) 45.2%, oklch(55.32% 0.2088 323.52) 48.4%, oklch(57.25% 0.2109 329.45) 51.6%, oklch(58.49% 0.2105 334.59) 54.8%, oklch(58.26% 0.2068 337.64) 58.1%, oklch(55.77% 0.1986 337.32) 61.3%, oklch(50.80% 0.1846 333.31) 64.5%, oklch(44.15% 0.1662 326.87) 67.7%, oklch(36.68% 0.1456 319.42) 71.0%, oklch(29.27% 0.1249 312.37) 74.2%, oklch(22.80% 0.1060 307.12) 77.4%, oklch(18.13% 0.0911 305.07) 80.6%, oklch(14.99% 0.0774 306.09) 83.9%, oklch(12.67% 0.0642 309.49) 87.1%, oklch(11.04% 0.0546 314.20) 90.3%, oklch(9.82% 0.0473 319.49) 93.5%, oklch(8.82% 0.0414 324.27) 96.8%, oklch(7.92% 0.0366 327.30) 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