#5E4518 - #3C2206 | colorate

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

Blend #5E4518 to #3C2206

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

RGB混合

#5E4518 - #3C2206 | colorate

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

0.0%	0.0% #5E4518	RGB 94 69 24	#5E4518
16.7%	16.7% #583F15	RGB 88 63 21	#583F15
33.3%	33.3% #523912	RGB 82 57 18	#523912
50.0%	50.0% #4D330F	RGB 77 51 15	#4D330F
66.7%	66.7% #472D0C	RGB 71 45 12	#472D0C
83.3%	83.3% #412709	RGB 65 39 9	#412709
100.0%	100.0% #3C2206	RGB 60 34 6	#3C2206

#5E4518 #583F15 #523912 #4D330F #472D0C #412709 #3C2206

#5E4518 - #3C2206

HSV混合

#5E4518 - #3C2206 | colorate

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

0.0%	0.0% #5E4518	RGB 94 69 24	#5E4518
16.7%	16.7% #583E14	RGB 88 62 20	#583E14
33.3%	33.3% #523810	RGB 82 56 16	#523810
50.0%	50.0% #4D320D	RGB 77 50 13	#4D320D
66.7%	66.7% #472C0A	RGB 71 44 10	#472C0A
83.3%	83.3% #412708	RGB 65 39 8	#412708
100.0%	100.0% #3C2206	RGB 60 34 6	#3C2206

#5E4518 #583E14 #523810 #4D320D #472C0A #412708 #3C2206

#5E4518 - #4D320D - #3C2206

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4518 0%, #4D320D 50%, #3C2206 100%);
    background: -webkit-linear-gradient(top, #5E4518 0%, #4D320D 50%, #3C2206 100%);
    background: linear-gradient(to bottom, #5E4518 0%, #4D320D 50%, #3C2206 100%);
}
</style>