#93856B - #5E4D1F | colorate

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

Blend #93856B to #5E4D1F

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

RGB混合

#93856B - #5E4D1F | colorate

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

0.0%	0.0% #93856B	RGB 147 133 107	#93856B
16.7%	16.7% #8A7B5E	RGB 138 123 94	#8A7B5E
33.3%	33.3% #817251	RGB 129 114 81	#817251
50.0%	50.0% #786945	RGB 120 105 69	#786945
66.7%	66.7% #6F5F38	RGB 111 95 56	#6F5F38
83.3%	83.3% #66562B	RGB 102 86 43	#66562B
100.0%	100.0% #5E4D1F	RGB 94 77 31	#5E4D1F

#93856B #8A7B5E #817251 #786945 #6F5F38 #66562B #5E4D1F

#93856B - #5E4D1F

HSV混合

#93856B - #5E4D1F | colorate

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

0.0%	0.0% #93856B	RGB 147 133 107	#93856B
16.7%	16.7% #8A7A5B	RGB 138 122 91	#8A7A5B
33.3%	33.3% #81704C	RGB 129 112 76	#81704C
50.0%	50.0% #78663F	RGB 120 102 63	#78663F
66.7%	66.7% #6F5D33	RGB 111 93 51	#6F5D33
83.3%	83.3% #665528	RGB 102 85 40	#665528
100.0%	100.0% #5E4D1F	RGB 94 77 31	#5E4D1F

#93856B #8A7A5B #81704C #78663F #6F5D33 #665528 #5E4D1F

#93856B - #78663F - #5E4D1F

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #93856B 0%, #78663F 50%, #5E4D1F 100%);
    background: -webkit-linear-gradient(top, #93856B 0%, #78663F 50%, #5E4D1F 100%);
    background: linear-gradient(to bottom, #93856B 0%, #78663F 50%, #5E4D1F 100%);
}
</style>