#5E2D16 - #3A1606 | colorate

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

Blend #5E2D16 to #3A1606

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

RGB混合

#5E2D16 - #3A1606 | colorate

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

0.0%	0.0% #5E2D16	RGB 94 45 22	#5E2D16
16.7%	16.7% #582913	RGB 88 41 19	#582913
33.3%	33.3% #522510	RGB 82 37 16	#522510
50.0%	50.0% #4C210E	RGB 76 33 14	#4C210E
66.7%	66.7% #461D0B	RGB 70 29 11	#461D0B
83.3%	83.3% #401908	RGB 64 25 8	#401908
100.0%	100.0% #3A1606	RGB 58 22 6	#3A1606

#5E2D16 #582913 #522510 #4C210E #461D0B #401908 #3A1606

#5E2D16 - #3A1606

HSV混合

#5E2D16 - #3A1606 | colorate

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

0.0%	0.0% #5E2D15	RGB 94 45 21	#5E2D15
16.7%	16.7% #582812	RGB 88 40 18	#582812
33.3%	33.3% #52240F	RGB 82 36 15	#52240F
50.0%	50.0% #4C200C	RGB 76 32 12	#4C200C
66.7%	66.7% #461C0A	RGB 70 28 10	#461C0A
83.3%	83.3% #401908	RGB 64 25 8	#401908
100.0%	100.0% #3A1606	RGB 58 22 6	#3A1606

#5E2D15 #582812 #52240F #4C200C #461C0A #401908 #3A1606

#5E2D16 - #4C200C - #3A1606

CSS代码

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

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