#5E181C - #3C060E | colorate

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

Blend #5E181C to #3C060E

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

RGB混合

#5E181C - #3C060E | colorate

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

0.0%	0.0% #5E181C	RGB 94 24 28	#5E181C
16.7%	16.7% #581519	RGB 88 21 25	#581519
33.3%	33.3% #521217	RGB 82 18 23	#521217
50.0%	50.0% #4D0F15	RGB 77 15 21	#4D0F15
66.7%	66.7% #470C12	RGB 71 12 18	#470C12
83.3%	83.3% #410910	RGB 65 9 16	#410910
100.0%	100.0% #3C060E	RGB 60 6 14	#3C060E

#5E181C #581519 #521217 #4D0F15 #470C12 #410910 #3C060E

#5E181C - #3C060E

HSV混合

#5E181C - #3C060E | colorate

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

0.0%	0.0% #5E181C	RGB 94 24 28	#5E181C
16.7%	16.7% #581419	RGB 88 20 25	#581419
33.3%	33.3% #521016	RGB 82 16 22	#521016
50.0%	50.0% #4D0D14	RGB 77 13 20	#4D0D14
66.7%	66.7% #470A11	RGB 71 10 17	#470A11
83.3%	83.3% #41080F	RGB 65 8 15	#41080F
100.0%	100.0% #3C060E	RGB 60 6 14	#3C060E

#5E181C #581419 #521016 #4D0D14 #470A11 #41080F #3C060E

#5E181C - #4D0D14 - #3C060E

CSS代码

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

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