#CECC92 - #A6993F | colorate

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

Blend #CECC92 to #A6993F

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

RGB混合

#CECC92 - #A6993F | colorate

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

0.0%	0.0% #CECC92	RGB 206 204 146	#CECC92
16.7%	16.7% #C7C384	RGB 199 195 132	#C7C384
33.3%	33.3% #C0BB76	RGB 192 187 118	#C0BB76
50.0%	50.0% #BAB268	RGB 186 178 104	#BAB268
66.7%	66.7% #B3AA5A	RGB 179 170 90	#B3AA5A
83.3%	83.3% #ACA14C	RGB 172 161 76	#ACA14C
100.0%	100.0% #A6993F	RGB 166 153 63	#A6993F

#CECC92 #C7C384 #C0BB76 #BAB268 #B3AA5A #ACA14C #A6993F

#CECC92 - #A6993F

HSV混合

#CECC92 - #A6993F | colorate

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

0.0%	0.0% #CECC92	RGB 206 204 146	#CECC92
16.7%	16.7% #C7C382	RGB 199 195 130	#C7C382
33.3%	33.3% #C0BB73	RGB 192 187 115	#C0BB73
50.0%	50.0% #BAB365	RGB 186 179 101	#BAB365
66.7%	66.7% #B3AA57	RGB 179 170 87	#B3AA57
83.3%	83.3% #ACA14B	RGB 172 161 75	#ACA14B
100.0%	100.0% #A6993F	RGB 166 153 63	#A6993F

#CECC92 #C7C382 #C0BB73 #BAB365 #B3AA57 #ACA14B #A6993F

#CECC92 - #BAB365 - #A6993F

CSS代码

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

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