#B2B7B5 - #51787B | colorate

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

Blend #B2B7B5 to #51787B

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

RGB混合

#B2B7B5 - #51787B | colorate

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

0.0%	0.0% #B2B7B5	RGB 178 183 181	#B2B7B5
16.7%	16.7% #A1ACAB	RGB 161 172 171	#A1ACAB
33.3%	33.3% #91A2A1	RGB 145 162 161	#91A2A1
50.0%	50.0% #819798	RGB 129 151 152	#819798
66.7%	66.7% #718D8E	RGB 113 141 142	#718D8E
83.3%	83.3% #618284	RGB 97 130 132	#618284
100.0%	100.0% #51787B	RGB 81 120 123	#51787B

#B2B7B5 #A1ACAB #91A2A1 #819798 #718D8E #618284 #51787B

#B2B7B5 - #51787B

HSV混合

#B2B7B5 - #51787B | colorate

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

0.0%	0.0% #B2B7B5	RGB 178 183 181	#B2B7B5
16.7%	16.7% #9FADA8	RGB 159 173 168	#9FADA8
33.3%	33.3% #8DA39D	RGB 141 163 157	#8DA39D
50.0%	50.0% #7C9994	RGB 124 153 148	#7C9994
66.7%	66.7% #6D8F8C	RGB 109 143 140	#6D8F8C
83.3%	83.3% #5E8584	RGB 94 133 132	#5E8584
100.0%	100.0% #51787B	RGB 81 120 123	#51787B

#B2B7B5 #9FADA8 #8DA39D #7C9994 #6D8F8C #5E8584 #51787B

#B2B7B5 - #7C9994 - #51787B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2B7B5 0%, #7C9994 50%, #51787B 100%);
    background: -webkit-linear-gradient(top, #B2B7B5 0%, #7C9994 50%, #51787B 100%);
    background: linear-gradient(to bottom, #B2B7B5 0%, #7C9994 50%, #51787B 100%);
}
</style>