#5E3641 - #1A0F11 | colorate

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

Blend #5E3641 to #1A0F11

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

RGB混合

#5E3641 - #1A0F11 | colorate

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

0.0%	0.0% #5E3641	RGB 94 54 65	#5E3641
16.7%	16.7% #522F39	RGB 82 47 57	#522F39
33.3%	33.3% #472931	RGB 71 41 49	#472931
50.0%	50.0% #3C2229	RGB 60 34 41	#3C2229
66.7%	66.7% #301C21	RGB 48 28 33	#301C21
83.3%	83.3% #251519	RGB 37 21 25	#251519
100.0%	100.0% #1A0F11	RGB 26 15 17	#1A0F11

#5E3641 #522F39 #472931 #3C2229 #301C21 #251519 #1A0F11

#5E3641 - #1A0F11

HSV混合

#5E3641 - #1A0F11 | colorate

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

0.0%	0.0% #5E3641	RGB 94 54 65	#5E3641
16.7%	16.7% #522F38	RGB 82 47 56	#522F38
33.3%	33.3% #472930	RGB 71 41 48	#472930
50.0%	50.0% #3C2228	RGB 60 34 40	#3C2228
66.7%	66.7% #301C20	RGB 48 28 32	#301C20
83.3%	83.3% #251518	RGB 37 21 24	#251518
100.0%	100.0% #1A0F11	RGB 26 15 17	#1A0F11

#5E3641 #522F38 #472930 #3C2228 #301C20 #251518 #1A0F11

#5E3641 - #3C2228 - #1A0F11

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3641 0%, #3C2228 50%, #1A0F11 100%);
    background: -webkit-linear-gradient(top, #5E3641 0%, #3C2228 50%, #1A0F11 100%);
    background: linear-gradient(to bottom, #5E3641 0%, #3C2228 50%, #1A0F11 100%);
}
</style>