#E2DEDA - #CFBB8D | colorate

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

Blend #E2DEDA to #CFBB8D

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

RGB混合

#E2DEDA - #CFBB8D | colorate

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

0.0%	0.0% #E2DEDA	RGB 226 222 218	#E2DEDA
16.7%	16.7% #DED8CD	RGB 222 216 205	#DED8CD
33.3%	33.3% #DBD2C0	RGB 219 210 192	#DBD2C0
50.0%	50.0% #D8CCB3	RGB 216 204 179	#D8CCB3
66.7%	66.7% #D5C6A6	RGB 213 198 166	#D5C6A6
83.3%	83.3% #D2C099	RGB 210 192 153	#D2C099
100.0%	100.0% #CFBB8D	RGB 207 187 141	#CFBB8D

#E2DEDA #DED8CD #DBD2C0 #D8CCB3 #D5C6A6 #D2C099 #CFBB8D

#E2DEDA - #CFBB8D

HSV混合

#E2DEDA - #CFBB8D | colorate

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

0.0%	0.0% #E2DEDA	RGB 226 222 218	#E2DEDA
16.7%	16.7% #DED6CC	RGB 222 214 204	#DED6CC
33.3%	33.3% #DBCFBF	RGB 219 207 191	#DBCFBF
50.0%	50.0% #D8C9B2	RGB 216 201 178	#D8C9B2
66.7%	66.7% #D5C3A5	RGB 213 195 165	#D5C3A5
83.3%	83.3% #D2BE99	RGB 210 190 153	#D2BE99
100.0%	100.0% #CFBB8D	RGB 207 187 141	#CFBB8D

#E2DEDA #DED6CC #DBCFBF #D8C9B2 #D5C3A5 #D2BE99 #CFBB8D

#E2DEDA - #D8C9B2 - #CFBB8D

CSS代码

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

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