#B6BB98 - #768543 | colorate

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

Blend #B6BB98 to #768543

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

RGB混合

#B6BB98 - #768543 | colorate

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

0.0%	0.0% #B6BB98	RGB 182 187 152	#B6BB98
16.7%	16.7% #ABB289	RGB 171 178 137	#ABB289
33.3%	33.3% #A0A97B	RGB 160 169 123	#A0A97B
50.0%	50.0% #96A06D	RGB 150 160 109	#96A06D
66.7%	66.7% #8B975F	RGB 139 151 95	#8B975F
83.3%	83.3% #808E51	RGB 128 142 81	#808E51
100.0%	100.0% #768543	RGB 118 133 67	#768543

#B6BB98 #ABB289 #A0A97B #96A06D #8B975F #808E51 #768543

#B6BB98 - #768543

HSV混合

#B6BB98 - #768543 | colorate

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

0.0%	0.0% #B6BB98	RGB 182 187 152	#B6BB98
16.7%	16.7% #ABB287	RGB 171 178 135	#ABB287
33.3%	33.3% #A0A977	RGB 160 169 119	#A0A977
50.0%	50.0% #95A069	RGB 149 160 105	#95A069
66.7%	66.7% #8B975B	RGB 139 151 91	#8B975B
83.3%	83.3% #808E4E	RGB 128 142 78	#808E4E
100.0%	100.0% #768543	RGB 118 133 67	#768543

#B6BB98 #ABB287 #A0A977 #95A069 #8B975B #808E4E #768543

#B6BB98 - #95A069 - #768543

CSS代码

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

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