#AB4D95 - #5E224A | colorate

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

Blend #AB4D95 to #5E224A

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

RGB混合

#AB4D95 - #5E224A | colorate

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

0.0%	0.0% #AB4D95	RGB 171 77 149	#AB4D95
16.7%	16.7% #9E4588	RGB 158 69 136	#9E4588
33.3%	33.3% #913E7C	RGB 145 62 124	#913E7C
50.0%	50.0% #84376F	RGB 132 55 111	#84376F
66.7%	66.7% #773063	RGB 119 48 99	#773063
83.3%	83.3% #6A2956	RGB 106 41 86	#6A2956
100.0%	100.0% #5E224A	RGB 94 34 74	#5E224A

#AB4D95 #9E4588 #913E7C #84376F #773063 #6A2956 #5E224A

#AB4D95 - #5E224A

HSV混合

#AB4D95 - #5E224A | colorate

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

0.0%	0.0% #AB4D94	RGB 171 77 148	#AB4D94
16.7%	16.7% #9E4487	RGB 158 68 135	#9E4487
33.3%	33.3% #913D7A	RGB 145 61 122	#913D7A
50.0%	50.0% #84356E	RGB 132 53 110	#84356E
66.7%	66.7% #772E61	RGB 119 46 97	#772E61
83.3%	83.3% #6A2855	RGB 106 40 85	#6A2855
100.0%	100.0% #5E224A	RGB 94 34 74	#5E224A

#AB4D94 #9E4487 #913D7A #84356E #772E61 #6A2855 #5E224A

#AB4D95 - #84356E - #5E224A

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AB4D94 0%, #84356E 50%, #5E224A 100%);
    background: -webkit-linear-gradient(top, #AB4D94 0%, #84356E 50%, #5E224A 100%);
    background: linear-gradient(to bottom, #AB4D94 0%, #84356E 50%, #5E224A 100%);
}
</style>