#5E061B - #AC302B | colorate

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

Blend #5E061B to #AC302B

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

RGB混合

#5E061B - #AC302B | colorate

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

0.0%	0.0% #5E061B	RGB 94 6 27	#5E061B
16.7%	16.7% #6B0D1D	RGB 107 13 29	#6B0D1D
33.3%	33.3% #781420	RGB 120 20 32	#781420
50.0%	50.0% #851B23	RGB 133 27 35	#851B23
66.7%	66.7% #922225	RGB 146 34 37	#922225
83.3%	83.3% #9F2928	RGB 159 41 40	#9F2928
100.0%	100.0% #AC302B	RGB 172 48 43	#AC302B

#5E061B #6B0D1D #781420 #851B23 #922225 #9F2928 #AC302B

#5E061B - #AC302B

HSV混合

#5E061B - #AC302B | colorate

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

0.0%	0.0% #5E051B	RGB 94 5 27	#5E051B
16.7%	16.7% #6B0A1C	RGB 107 10 28	#6B0A1C
33.3%	33.3% #780F1E	RGB 120 15 30	#780F1E
50.0%	50.0% #851420	RGB 133 20 32	#851420
66.7%	66.7% #921B21	RGB 146 27 33	#921B21
83.3%	83.3% #9F2223	RGB 159 34 35	#9F2223
100.0%	100.0% #AC302B	RGB 172 48 43	#AC302B

#5E051B #6B0A1C #780F1E #851420 #921B21 #9F2223 #AC302B

#5E061B - #851420 - #AC302B

CSS代码

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

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