#CEC4A8 - #AA8853 | colorate

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

Blend #CEC4A8 to #AA8853

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

RGB混合

#CEC4A8 - #AA8853 | colorate

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

0.0%	0.0% #CEC4A8	RGB 206 196 168	#CEC4A8
16.7%	16.7% #C8BA99	RGB 200 186 153	#C8BA99
33.3%	33.3% #C2B08B	RGB 194 176 139	#C2B08B
50.0%	50.0% #BCA67D	RGB 188 166 125	#BCA67D
66.7%	66.7% #B69C6F	RGB 182 156 111	#B69C6F
83.3%	83.3% #B09261	RGB 176 146 97	#B09261
100.0%	100.0% #AA8853	RGB 170 136 83	#AA8853

#CEC4A8 #C8BA99 #C2B08B #BCA67D #B69C6F #B09261 #AA8853

#CEC4A8 - #AA8853

HSV混合

#CEC4A8 - #AA8853 | colorate

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

0.0%	0.0% #CEC4A8	RGB 206 196 168	#CEC4A8
16.7%	16.7% #C8BA98	RGB 200 186 152	#C8BA98
33.3%	33.3% #C2B089	RGB 194 176 137	#C2B089
50.0%	50.0% #BCA67A	RGB 188 166 122	#BCA67A
66.7%	66.7% #B69C6C	RGB 182 156 108	#B69C6C
83.3%	83.3% #B0925F	RGB 176 146 95	#B0925F
100.0%	100.0% #AA8853	RGB 170 136 83	#AA8853

#CEC4A8 #C8BA98 #C2B089 #BCA67A #B69C6C #B0925F #AA8853

#CEC4A8 - #BCA67A - #AA8853

CSS代码

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

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