#B7A8C4 - #684D7B | colorate

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

Blend #B7A8C4 to #684D7B

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

RGB混合

#B7A8C4 - #684D7B | colorate

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

0.0%	0.0% #B7A8C4	RGB 183 168 196	#B7A8C4
16.7%	16.7% #A998B7	RGB 169 152 183	#A998B7
33.3%	33.3% #9C89AB	RGB 156 137 171	#9C89AB
50.0%	50.0% #8F7A9F	RGB 143 122 159	#8F7A9F
66.7%	66.7% #826B93	RGB 130 107 147	#826B93
83.3%	83.3% #755C87	RGB 117 92 135	#755C87
100.0%	100.0% #684D7B	RGB 104 77 123	#684D7B

#B7A8C4 #A998B7 #9C89AB #8F7A9F #826B93 #755C87 #684D7B

#B7A8C4 - #684D7B

HSV混合

#B7A8C4 - #684D7B | colorate

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

0.0%	0.0% #B7A8C4	RGB 183 168 196	#B7A8C4
16.7%	16.7% #A896B7	RGB 168 150 183	#A896B7
33.3%	33.3% #9A85AB	RGB 154 133 171	#9A85AB
50.0%	50.0% #8D769F	RGB 141 118 159	#8D769F
66.7%	66.7% #806793	RGB 128 103 147	#806793
83.3%	83.3% #745987	RGB 116 89 135	#745987
100.0%	100.0% #684D7B	RGB 104 77 123	#684D7B

#B7A8C4 #A896B7 #9A85AB #8D769F #806793 #745987 #684D7B

#B7A8C4 - #8D769F - #684D7B

CSS代码

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

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