#5E055D - #A221DF | colorate

这是设计师和开发人员的着色工具。这将帮助您绘制灵感，并作为您的色彩工作的资源。使这个网站更好

Blend #5E055D to #A221DF

计算两种颜色#5E055D和#A221DF之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#5E055D - #A221DF | colorate

基于RGB值计算两种颜色之间的颜色。对于彼此远离的颜色，两种颜色之间的饱和度降低。将#5E055D的两种颜色之间的颜色扩展为0％，将#A221DF扩展为100％。

0.0%	0.0% #5E055D	RGB 94 5 93	#5E055D
16.7%	16.7% #690972	RGB 105 9 114	#690972
33.3%	33.3% #740E88	RGB 116 14 136	#740E88
50.0%	50.0% #80139E	RGB 128 19 158	#80139E
66.7%	66.7% #8B17B3	RGB 139 23 179	#8B17B3
83.3%	83.3% #961CC9	RGB 150 28 201	#961CC9
100.0%	100.0% #A221DF	RGB 162 33 223	#A221DF

#5E055D #690972 #740E88 #80139E #8B17B3 #961CC9 #A221DF

#5E055D - #A221DF

HSV混合

#5E055D - #A221DF | colorate

基于HSV值计算两种颜色之间的颜色。即使在不同颜色的颜色之间，两种颜色之间的饱和度也不会降低。将#5E055D的两种颜色之间的颜色扩展为0％，将#A221DF扩展为100％。

0.0%	0.0% #5E045D	RGB 94 4 93	#5E045D
16.7%	16.7% #6E0773	RGB 110 7 115	#6E0773
33.3%	33.3% #7C0B89	RGB 124 11 137	#7C0B89
50.0%	50.0% #880F9E	RGB 136 15 158	#880F9E
66.7%	66.7% #9214B4	RGB 146 20 180	#9214B4
83.3%	83.3% #9B1AC9	RGB 155 26 201	#9B1AC9
100.0%	100.0% #A221DF	RGB 162 33 223	#A221DF

#5E045D #6E0773 #7C0B89 #880F9E #9214B4 #9B1AC9 #A221DF

#5E055D - #880F9E - #A221DF

CSS代码

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #5E055D 0%, #A221DF 100%);
    background: -webkit-linear-gradient(top, #5E055D 0%, #A221DF 100%);
    background: linear-gradient(to bottom, #5E055D 0%, #A221DF 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E045D 0%, #880F9E 50%, #A221DF 100%);
    background: -webkit-linear-gradient(top, #5E045D 0%, #880F9E 50%, #A221DF 100%);
    background: linear-gradient(to bottom, #5E045D 0%, #880F9E 50%, #A221DF 100%);
}
</style>