#5E2D47 - #36090E | colorate

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

Blend #5E2D47 to #36090E

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

RGB混合

#5E2D47 - #36090E | colorate

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

0.0%	0.0% #5E2D47	RGB 94 45 71	#5E2D47
16.7%	16.7% #57273D	RGB 87 39 61	#57273D
33.3%	33.3% #502134	RGB 80 33 52	#502134
50.0%	50.0% #4A1B2A	RGB 74 27 42	#4A1B2A
66.7%	66.7% #431521	RGB 67 21 33	#431521
83.3%	83.3% #3C0F17	RGB 60 15 23	#3C0F17
100.0%	100.0% #36090E	RGB 54 9 14	#36090E

#5E2D47 #57273D #502134 #4A1B2A #431521 #3C0F17 #36090E

#5E2D47 - #36090E

HSV混合

#5E2D47 - #36090E | colorate

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

0.0%	0.0% #5E2D46	RGB 94 45 70	#5E2D46
16.7%	16.7% #57253C	RGB 87 37 60	#57253C
33.3%	33.3% #501E31	RGB 80 30 49	#501E31
50.0%	50.0% #4A1727	RGB 74 23 39	#4A1727
66.7%	66.7% #43121E	RGB 67 18 30	#43121E
83.3%	83.3% #3C0D15	RGB 60 13 21	#3C0D15
100.0%	100.0% #36090E	RGB 54 9 14	#36090E

#5E2D46 #57253C #501E31 #4A1727 #43121E #3C0D15 #36090E

#5E2D47 - #4A1727 - #36090E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2D46 0%, #4A1727 50%, #36090E 100%);
    background: -webkit-linear-gradient(top, #5E2D46 0%, #4A1727 50%, #36090E 100%);
    background: linear-gradient(to bottom, #5E2D46 0%, #4A1727 50%, #36090E 100%);
}
</style>