#5E1507 - #AC451B | colorate

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

Blend #5E1507 to #AC451B

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

RGB混合

#5E1507 - #AC451B | colorate

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

0.0%	0.0% #5E1507	RGB 94 21 7	#5E1507
16.7%	16.7% #6B1D0A	RGB 107 29 10	#6B1D0A
33.3%	33.3% #78250D	RGB 120 37 13	#78250D
50.0%	50.0% #852D11	RGB 133 45 17	#852D11
66.7%	66.7% #923514	RGB 146 53 20	#923514
83.3%	83.3% #9F3D17	RGB 159 61 23	#9F3D17
100.0%	100.0% #AC451B	RGB 172 69 27	#AC451B

#5E1507 #6B1D0A #78250D #852D11 #923514 #9F3D17 #AC451B

#5E1507 - #AC451B

HSV混合

#5E1507 - #AC451B | colorate

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

0.0%	0.0% #5E1506	RGB 94 21 6	#5E1506
16.7%	16.7% #6B1B09	RGB 107 27 9	#6B1B09
33.3%	33.3% #78220C	RGB 120 34 12	#78220C
50.0%	50.0% #85290F	RGB 133 41 15	#85290F
66.7%	66.7% #923212	RGB 146 50 18	#923212
83.3%	83.3% #9F3B16	RGB 159 59 22	#9F3B16
100.0%	100.0% #AC451B	RGB 172 69 27	#AC451B

#5E1506 #6B1B09 #78220C #85290F #923212 #9F3B16 #AC451B

#5E1507 - #85290F - #AC451B

CSS代码

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

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