#C86F42 - #8F3E05 | colorate

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

Blend #C86F42 to #8F3E05

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

RGB混合

#C86F42 - #8F3E05 | colorate

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

0.0%	0.0% #C86F42	RGB 200 111 66	#C86F42
16.7%	16.7% #BE6637	RGB 190 102 55	#BE6637
33.3%	33.3% #B55E2D	RGB 181 94 45	#B55E2D
50.0%	50.0% #AB5623	RGB 171 86 35	#AB5623
66.7%	66.7% #A24E19	RGB 162 78 25	#A24E19
83.3%	83.3% #98460F	RGB 152 70 15	#98460F
100.0%	100.0% #8F3E05	RGB 143 62 5	#8F3E05

#C86F42 #BE6637 #B55E2D #AB5623 #A24E19 #98460F #8F3E05

#C86F42 - #8F3E05

HSV混合

#C86F42 - #8F3E05 | colorate

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

0.0%	0.0% #C86F42	RGB 200 111 66	#C86F42
16.7%	16.7% #BE6535	RGB 190 101 53	#BE6535
33.3%	33.3% #B55C29	RGB 181 92 41	#B55C29
50.0%	50.0% #AB531F	RGB 171 83 31	#AB531F
66.7%	66.7% #A24B15	RGB 162 75 21	#A24B15
83.3%	83.3% #98440C	RGB 152 68 12	#98440C
100.0%	100.0% #8F3E05	RGB 143 62 5	#8F3E05

#C86F42 #BE6535 #B55C29 #AB531F #A24B15 #98440C #8F3E05

#C86F42 - #AB531F - #8F3E05

CSS代码

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

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