#EDC0AC - #DB7F56 | colorate

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

Blend #EDC0AC to #DB7F56

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

RGB混合

#EDC0AC - #DB7F56 | colorate

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

0.0%	0.0% #EDC0AC	RGB 237 192 172	#EDC0AC
16.7%	16.7% #EAB59D	RGB 234 181 157	#EAB59D
33.3%	33.3% #E7AA8F	RGB 231 170 143	#E7AA8F
50.0%	50.0% #E49F81	RGB 228 159 129	#E49F81
66.7%	66.7% #E19472	RGB 225 148 114	#E19472
83.3%	83.3% #DE8964	RGB 222 137 100	#DE8964
100.0%	100.0% #DB7F56	RGB 219 127 86	#DB7F56

#EDC0AC #EAB59D #E7AA8F #E49F81 #E19472 #DE8964 #DB7F56

#EDC0AC - #DB7F56

HSV混合

#EDC0AC - #DB7F56 | colorate

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

0.0%	0.0% #EDC0AC	RGB 237 192 172	#EDC0AC
16.7%	16.7% #EAB49C	RGB 234 180 156	#EAB49C
33.3%	33.3% #E7A98E	RGB 231 169 142	#E7A98E
50.0%	50.0% #E49E7F	RGB 228 158 127	#E49E7F
66.7%	66.7% #E19371	RGB 225 147 113	#E19371
83.3%	83.3% #DE8963	RGB 222 137 99	#DE8963
100.0%	100.0% #DB7F56	RGB 219 127 86	#DB7F56

#EDC0AC #EAB49C #E7A98E #E49E7F #E19371 #DE8963 #DB7F56

#EDC0AC - #E49E7F - #DB7F56

CSS代码

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

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