#5E3540 - #32100E | colorate

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

Blend #5E3540 to #32100E

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

RGB混合

#5E3540 - #32100E | colorate

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

0.0%	0.0% #5E3540	RGB 94 53 64	#5E3540
16.7%	16.7% #562E37	RGB 86 46 55	#562E37
33.3%	33.3% #4F282F	RGB 79 40 47	#4F282F
50.0%	50.0% #482227	RGB 72 34 39	#482227
66.7%	66.7% #401C1E	RGB 64 28 30	#401C1E
83.3%	83.3% #391616	RGB 57 22 22	#391616
100.0%	100.0% #32100E	RGB 50 16 14	#32100E

#5E3540 #562E37 #4F282F #482227 #401C1E #391616 #32100E

#5E3540 - #32100E

HSV混合

#5E3540 - #32100E | colorate

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

0.0%	0.0% #5E3540	RGB 94 53 64	#5E3540
16.7%	16.7% #562C35	RGB 86 44 53	#562C35
33.3%	33.3% #4F252B	RGB 79 37 43	#4F252B
50.0%	50.0% #481E22	RGB 72 30 34	#481E22
66.7%	66.7% #40181A	RGB 64 24 26	#40181A
83.3%	83.3% #391212	RGB 57 18 18	#391212
100.0%	100.0% #32100E	RGB 50 16 14	#32100E

#5E3540 #562C35 #4F252B #481E22 #40181A #391212 #32100E

#5E3540 - #481E22 - #32100E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3540 0%, #481E22 50%, #32100E 100%);
    background: -webkit-linear-gradient(top, #5E3540 0%, #481E22 50%, #32100E 100%);
    background: linear-gradient(to bottom, #5E3540 0%, #481E22 50%, #32100E 100%);
}
</style>