#ECAC5E - #CD691A | colorate

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

Blend #ECAC5E to #CD691A

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

RGB混合

#ECAC5E - #CD691A | colorate

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

0.0%	0.0% #ECAC5E	RGB 236 172 94	#ECAC5E
16.7%	16.7% #E6A052	RGB 230 160 82	#E6A052
33.3%	33.3% #E19547	RGB 225 149 71	#E19547
50.0%	50.0% #DC8A3C	RGB 220 138 60	#DC8A3C
66.7%	66.7% #D77F30	RGB 215 127 48	#D77F30
83.3%	83.3% #D27425	RGB 210 116 37	#D27425
100.0%	100.0% #CD691A	RGB 205 105 26	#CD691A

#ECAC5E #E6A052 #E19547 #DC8A3C #D77F30 #D27425 #CD691A

#ECAC5E - #CD691A

HSV混合

#ECAC5E - #CD691A | colorate

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

0.0%	0.0% #ECAC5E	RGB 236 172 94	#ECAC5E
16.7%	16.7% #E6A051	RGB 230 160 81	#E6A051
33.3%	33.3% #E19545	RGB 225 149 69	#E19545
50.0%	50.0% #DC8A39	RGB 220 138 57	#DC8A39
66.7%	66.7% #D77F2E	RGB 215 127 46	#D77F2E
83.3%	83.3% #D27424	RGB 210 116 36	#D27424
100.0%	100.0% #CD691A	RGB 205 105 26	#CD691A

#ECAC5E #E6A051 #E19545 #DC8A39 #D77F2E #D27424 #CD691A

#ECAC5E - #DC8A39 - #CD691A

CSS代码

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

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