#B6AFB4 - #333233 | colorate

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

Blend #B6AFB4 to #333233

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

RGB混合

#B6AFB4 - #333233 | colorate

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

0.0%	0.0% #B6AFB4	RGB 182 175 180	#B6AFB4
16.7%	16.7% #A09A9E	RGB 160 154 158	#A09A9E
33.3%	33.3% #8A8589	RGB 138 133 137	#8A8589
50.0%	50.0% #747073	RGB 116 112 115	#747073
66.7%	66.7% #5E5B5E	RGB 94 91 94	#5E5B5E
83.3%	83.3% #484648	RGB 72 70 72	#484648
100.0%	100.0% #333233	RGB 51 50 51	#333233

#B6AFB4 #A09A9E #8A8589 #747073 #5E5B5E #484648 #333233

#B6AFB4 - #333233

HSV混合

#B6AFB4 - #333233 | colorate

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

0.0%	0.0% #B6AFB4	RGB 182 175 180	#B6AFB4
16.7%	16.7% #A09A9E	RGB 160 154 158	#A09A9E
33.3%	33.3% #8A8589	RGB 138 133 137	#8A8589
50.0%	50.0% #747174	RGB 116 113 116	#747174
66.7%	66.7% #5E5C5E	RGB 94 92 94	#5E5C5E
83.3%	83.3% #484748	RGB 72 71 72	#484748
100.0%	100.0% #333233	RGB 51 50 51	#333233

#B6AFB4 #A09A9E #8A8589 #747174 #5E5C5E #484748 #333233

#B6AFB4 - #747174 - #333233

CSS代码

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

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