Tím, hồng, cam và tím oải hương (gradient tuyến tính)

Bảng màu Tím, hồng, cam và tím oải hương

Gradient tuyến tính, 48 màu, góc 225°: #8870a8, #bb6671, #c23a90, #fe8a53, #9699c6. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#8870a8
#8c70a6
#906fa4
#966ea1
#9b6c9d
#a16c98
#a66b92
#ab6a8b
#b06a85
#b3697f
#b66879
#b96874
#bb6671
#bc636f
#be606e
#bf5b6f
#bf5571
#bf5075
#bf4a7a
#be4580
#bd4185
#bc3d8b
#bc3b8f
#be3a91
#c23a90
#c93c8c
#d13f85
#db447c
#e44b71
#ec5565
#f25f5a
#f76b50
#fa754a
#fc7e48
#fd864b
#fe8a53
#fe8b60
#fd8b70
#fa8b82
#f38a95
#ea8ba7
#dd8db6
#cf8fc1
#c092c8
#b194cb
#a596cb
#9c98c9
#9699c6

CSS

background: linear-gradient(225deg in oklch, oklch(59.06% 0.0868 303.75) 0.0%, oklch(59.17% 0.0876 307.47) 2.1%, oklch(59.35% 0.0884 312.57) 4.3%, oklch(59.56% 0.0891 318.76) 6.4%, oklch(59.81% 0.0899 325.72) 8.5%, oklch(60.06% 0.0909 333.16) 10.6%, oklch(60.32% 0.0921 340.76) 12.8%, oklch(60.56% 0.0936 348.23) 14.9%, oklch(60.76% 0.0955 355.25) 17.0%, oklch(60.93% 0.0979 1.52) 19.1%, oklch(61.03% 0.1008 6.75) 21.3%, oklch(61.06% 0.1043 10.61) 23.4%, oklch(61.00% 0.1086 12.82) 25.5%, oklch(60.74% 0.1143 13.16) 27.7%, oklch(60.31% 0.1214 11.91) 29.8%, oklch(59.75% 0.1295 9.40) 31.9%, oklch(59.11% 0.1382 5.97) 34.0%, oklch(58.45% 0.1473 1.95) 36.2%, oklch(57.81% 0.1564 357.69) 38.3%, oklch(57.25% 0.1652 353.52) 40.4%, oklch(56.82% 0.1733 349.78) 42.6%, oklch(56.58% 0.1804 346.81) 44.7%, oklch(56.56% 0.1862 344.95) 46.8%, oklch(56.83% 0.1902 344.53) 48.9%, oklch(57.45% 0.1924 345.95) 51.1%, oklch(58.50% 0.1932 349.60) 53.2%, oklch(59.91% 0.1928 355.08) 55.3%, oklch(61.60% 0.1913 1.89) 57.4%, oklch(63.48% 0.1890 9.53) 59.6%, oklch(65.48% 0.1858 17.52) 61.7%, oklch(67.50% 0.1820 25.34) 63.8%, oklch(69.47% 0.1776 32.51) 66.0%, oklch(71.29% 0.1728 38.53) 68.1%, oklch(72.88% 0.1677 42.90) 70.2%, oklch(74.16% 0.1624 45.13) 72.3%, oklch(75.05% 0.1570 44.72) 74.5%, oklch(75.50% 0.1513 41.17) 76.6%, oklch(75.60% 0.1444 34.53) 78.7%, oklch(75.41% 0.1366 25.36) 80.9%, oklch(74.99% 0.1280 14.21) 83.0%, oklch(74.39% 0.1190 1.66) 85.1%, oklch(73.67% 0.1098 348.26) 87.2%, oklch(72.87% 0.1008 334.57) 89.4%, oklch(72.06% 0.0921 321.16) 91.5%, oklch(71.28% 0.0840 308.59) 93.6%, oklch(70.58% 0.0768 297.42) 95.7%, oklch(70.04% 0.0708 288.23) 97.9%, oklch(69.69% 0.0661 281.56) 100.0%);

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

Gradient cam và tím

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