#5E525C - #AB7BC0 | colorate

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

Blend #5E525C to #AB7BC0

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

RGB混合

#5E525C - #AB7BC0 | colorate

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

0.0%	0.0% #5E525C	RGB 94 82 92	#5E525C
16.7%	16.7% #6A586C	RGB 106 88 108	#6A586C
33.3%	33.3% #775F7D	RGB 119 95 125	#775F7D
50.0%	50.0% #84668E	RGB 132 102 142	#84668E
66.7%	66.7% #916D9E	RGB 145 109 158	#916D9E
83.3%	83.3% #9E74AF	RGB 158 116 175	#9E74AF
100.0%	100.0% #AB7BC0	RGB 171 123 192	#AB7BC0

#5E525C #6A586C #775F7D #84668E #916D9E #9E74AF #AB7BC0

#5E525C - #AB7BC0

HSV混合

#5E525C - #AB7BC0 | colorate

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

0.0%	0.0% #5E525C	RGB 94 82 92	#5E525C
16.7%	16.7% #6E5B6C	RGB 110 91 108	#6E5B6C
33.3%	33.3% #7E647E	RGB 126 100 126	#7E647E
50.0%	50.0% #8C6C8F	RGB 140 108 143	#8C6C8F
66.7%	66.7% #98729F	RGB 152 114 159	#98729F
83.3%	83.3% #A277AF	RGB 162 119 175	#A277AF
100.0%	100.0% #AB7BC0	RGB 171 123 192	#AB7BC0

#5E525C #6E5B6C #7E647E #8C6C8F #98729F #A277AF #AB7BC0

#5E525C - #8C6C8F - #AB7BC0

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E525C 0%, #8C6C8F 50%, #AB7BC0 100%);
    background: -webkit-linear-gradient(top, #5E525C 0%, #8C6C8F 50%, #AB7BC0 100%);
    background: linear-gradient(to bottom, #5E525C 0%, #8C6C8F 50%, #AB7BC0 100%);
}
</style>