#E8D3C0 - #CF946C | colorate

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

Blend #E8D3C0 to #CF946C

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

RGB混合

#E8D3C0 - #CF946C | colorate

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

0.0%	0.0% #E8D3C0	RGB 232 211 192	#E8D3C0
16.7%	16.7% #E3C8B2	RGB 227 200 178	#E3C8B2
33.3%	33.3% #DFBEA4	RGB 223 190 164	#DFBEA4
50.0%	50.0% #DBB396	RGB 219 179 150	#DBB396
66.7%	66.7% #D7A988	RGB 215 169 136	#D7A988
83.3%	83.3% #D39E7A	RGB 211 158 122	#D39E7A
100.0%	100.0% #CF946C	RGB 207 148 108	#CF946C

#E8D3C0 #E3C8B2 #DFBEA4 #DBB396 #D7A988 #D39E7A #CF946C

#E8D3C0 - #CF946C

HSV混合

#E8D3C0 - #CF946C | colorate

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

0.0%	0.0% #E8D3C0	RGB 232 211 192	#E8D3C0
16.7%	16.7% #E3C8B0	RGB 227 200 176	#E3C8B0
33.3%	33.3% #DFBDA2	RGB 223 189 162	#DFBDA2
50.0%	50.0% #DBB394	RGB 219 179 148	#DBB394
66.7%	66.7% #D7A886	RGB 215 168 134	#D7A886
83.3%	83.3% #D39E78	RGB 211 158 120	#D39E78
100.0%	100.0% #CF946C	RGB 207 148 108	#CF946C

#E8D3C0 #E3C8B0 #DFBDA2 #DBB394 #D7A886 #D39E78 #CF946C

#E8D3C0 - #DBB394 - #CF946C

CSS代码

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

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