#5E4E2D - #D1934D | colorate

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

Blend #5E4E2D to #D1934D

#5E4E2D #D1934D

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

RGB混合

#5E4E2D - #D1934D | colorate

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

0.0%	0.0% #5E4E2D	RGB 94 78 45	#5E4E2D
16.7%	16.7% #715932	RGB 113 89 50	#715932
33.3%	33.3% #846537	RGB 132 101 55	#846537
50.0%	50.0% #97703D	RGB 151 112 61	#97703D
66.7%	66.7% #AA7C42	RGB 170 124 66	#AA7C42
83.3%	83.3% #BD8747	RGB 189 135 71	#BD8747
100.0%	100.0% #D1934D	RGB 209 147 77	#D1934D

#5E4E2D #715932 #846537 #97703D #AA7C42 #BD8747 #D1934D

#5E4E2D - #D1934D

HSV混合

#5E4E2D - #D1934D | colorate

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

0.0%	0.0% #5E4E2D	RGB 94 78 45	#5E4E2D
16.7%	16.7% #715B34	RGB 113 91 52	#715B34
33.3%	33.3% #84683A	RGB 132 104 58	#84683A
50.0%	50.0% #977440	RGB 151 116 64	#977440
66.7%	66.7% #AA7F45	RGB 170 127 69	#AA7F45
83.3%	83.3% #BD8949	RGB 189 137 73	#BD8949
100.0%	100.0% #D1934D	RGB 209 147 77	#D1934D

#5E4E2D #715B34 #84683A #977440 #AA7F45 #BD8949 #D1934D

#5E4E2D - #977440 - #D1934D

CSS代码

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

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