#556B2F - #CDB558 | colorate

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

Blend #556B2F to #CDB558

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

RGB混合

#556B2F - #CDB558 | colorate

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

0.0%	0.0% #556B2F	RGB 85 107 47	#556B2F
16.7%	16.7% #697735	RGB 105 119 53	#697735
33.3%	33.3% #7D833C	RGB 125 131 60	#7D833C
50.0%	50.0% #919043	RGB 145 144 67	#919043
66.7%	66.7% #A59C4A	RGB 165 156 74	#A59C4A
83.3%	83.3% #B9A851	RGB 185 168 81	#B9A851
100.0%	100.0% #CDB558	RGB 205 181 88	#CDB558

#556B2F #697735 #7D833C #919043 #A59C4A #B9A851 #CDB558

#556B2F - #CDB558

HSV混合

#556B2F - #CDB558 | colorate

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

0.0%	0.0% #556B2F	RGB 85 107 47	#556B2F
16.7%	16.7% #687B35	RGB 104 123 53	#687B35
33.3%	33.3% #7D8B3C	RGB 125 139 60	#7D8B3C
50.0%	50.0% #949C43	RGB 148 156 67	#949C43
66.7%	66.7% #ACAA4A	RGB 172 170 74	#ACAA4A
83.3%	83.3% #BCB051	RGB 188 176 81	#BCB051
100.0%	100.0% #CDB558	RGB 205 181 88	#CDB558

#556B2F #687B35 #7D8B3C #949C43 #ACAA4A #BCB051 #CDB558

#556B2F - #949C43 - #CDB558

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #556B2F 0%, #949C43 50%, #CDB558 100%);
    background: -webkit-linear-gradient(top, #556B2F 0%, #949C43 50%, #CDB558 100%);
    background: linear-gradient(to bottom, #556B2F 0%, #949C43 50%, #CDB558 100%);
}
</style>