#8F5E7F - #AFB2AA | colorate

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

Blend #8F5E7F to #AFB2AA

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

RGB混合

#8F5E7F - #AFB2AA | colorate

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

0.0%	0.0% #8F5E7F	RGB 143 94 127	#8F5E7F
16.7%	16.7% #946C86	RGB 148 108 134	#946C86
33.3%	33.3% #997A8D	RGB 153 122 141	#997A8D
50.0%	50.0% #9F8894	RGB 159 136 148	#9F8894
66.7%	66.7% #A4969B	RGB 164 150 155	#A4969B
83.3%	83.3% #A9A4A2	RGB 169 164 162	#A9A4A2
100.0%	100.0% #AFB2AA	RGB 175 178 170	#AFB2AA

#8F5E7F #946C86 #997A8D #9F8894 #A4969B #A9A4A2 #AFB2AA

#8F5E7F - #AFB2AA

HSV混合

#8F5E7F - #AFB2AA | colorate

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

0.0%	0.0% #8F5E7F	RGB 143 94 127	#8F5E7F
16.7%	16.7% #946977	RGB 148 105 119	#946977
33.3%	33.3% #9A7575	RGB 154 117 117	#9A7575
50.0%	50.0% #A08C81	RGB 160 140 129	#A08C81
66.7%	66.7% #A69E8E	RGB 166 158 142	#A69E8E
83.3%	83.3% #ABAC9B	RGB 171 172 155	#ABAC9B
100.0%	100.0% #AFB2AA	RGB 175 178 170	#AFB2AA

#8F5E7F #946977 #9A7575 #A08C81 #A69E8E #ABAC9B #AFB2AA

#8F5E7F - #A08C81 - #AFB2AA

CSS代码

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

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