#DABC3C - #3E3510 | colorate

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

Blend #DABC3C to #3E3510

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

RGB混合

#DABC3C - #3E3510 | colorate

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

0.0%	0.0% #DABC3C	RGB 218 188 60	#DABC3C
16.7%	16.7% #C0A534	RGB 192 165 52	#C0A534
33.3%	33.3% #A68F2D	RGB 166 143 45	#A68F2D
50.0%	50.0% #8C7826	RGB 140 120 38	#8C7826
66.7%	66.7% #72621E	RGB 114 98 30	#72621E
83.3%	83.3% #584B17	RGB 88 75 23	#584B17
100.0%	100.0% #3E3510	RGB 62 53 16	#3E3510

#DABC3C #C0A534 #A68F2D #8C7826 #72621E #584B17 #3E3510

#DABC3C - #3E3510

HSV混合

#DABC3C - #3E3510 | colorate

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

0.0%	0.0% #DABC3C	RGB 218 188 60	#DABC3C
16.7%	16.7% #C0A534	RGB 192 165 52	#C0A534
33.3%	33.3% #A68E2C	RGB 166 142 44	#A68E2C
50.0%	50.0% #8C7825	RGB 140 120 37	#8C7825
66.7%	66.7% #72611E	RGB 114 97 30	#72611E
83.3%	83.3% #584B16	RGB 88 75 22	#584B16
100.0%	100.0% #3E3510	RGB 62 53 16	#3E3510

#DABC3C #C0A534 #A68E2C #8C7825 #72611E #584B16 #3E3510

#DABC3C - #8C7825 - #3E3510

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DABC3C 0%, #8C7825 50%, #3E3510 100%);
    background: -webkit-linear-gradient(top, #DABC3C 0%, #8C7825 50%, #3E3510 100%);
    background: linear-gradient(to bottom, #DABC3C 0%, #8C7825 50%, #3E3510 100%);
}
</style>