#C18E5E - #EDDED1 | colorate

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

Blend #C18E5E to #EDDED1

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

RGB混合

#C18E5E - #EDDED1 | colorate

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

0.0%	0.0% #C18E5E	RGB 193 142 94	#C18E5E
16.7%	16.7% #C89B71	RGB 200 155 113	#C89B71
33.3%	33.3% #CFA884	RGB 207 168 132	#CFA884
50.0%	50.0% #D7B697	RGB 215 182 151	#D7B697
66.7%	66.7% #DEC3AA	RGB 222 195 170	#DEC3AA
83.3%	83.3% #E5D0BD	RGB 229 208 189	#E5D0BD
100.0%	100.0% #EDDED1	RGB 237 222 209	#EDDED1

#C18E5E #C89B71 #CFA884 #D7B697 #DEC3AA #E5D0BD #EDDED1

#C18E5E - #EDDED1

HSV混合

#C18E5E - #EDDED1 | colorate

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

0.0%	0.0% #C18E5E	RGB 193 142 94	#C18E5E
16.7%	16.7% #C8996E	RGB 200 153 110	#C8996E
33.3%	33.3% #CFA680	RGB 207 166 128	#CFA680
50.0%	50.0% #D7B393	RGB 215 179 147	#D7B393
66.7%	66.7% #DEC0A6	RGB 222 192 166	#DEC0A6
83.3%	83.3% #E5CFBB	RGB 229 207 187	#E5CFBB
100.0%	100.0% #EDDED1	RGB 237 222 209	#EDDED1

#C18E5E #C8996E #CFA680 #D7B393 #DEC0A6 #E5CFBB #EDDED1

#C18E5E - #D7B393 - #EDDED1

CSS代码

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

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