#5E1831 - #26080B | colorate

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

Blend #5E1831 to #26080B

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

RGB混合

#5E1831 - #26080B | colorate

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

0.0%	0.0% #5E1831	RGB 94 24 49	#5E1831
16.7%	16.7% #54152A	RGB 84 21 42	#54152A
33.3%	33.3% #4B1224	RGB 75 18 36	#4B1224
50.0%	50.0% #42101E	RGB 66 16 30	#42101E
66.7%	66.7% #380D17	RGB 56 13 23	#380D17
83.3%	83.3% #2F0A11	RGB 47 10 17	#2F0A11
100.0%	100.0% #26080B	RGB 38 8 11	#26080B

#5E1831 #54152A #4B1224 #42101E #380D17 #2F0A11 #26080B

#5E1831 - #26080B

HSV混合

#5E1831 - #26080B | colorate

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

0.0%	0.0% #5E1831	RGB 94 24 49	#5E1831
16.7%	16.7% #541428	RGB 84 20 40	#541428
33.3%	33.3% #4B1221	RGB 75 18 33	#4B1221
50.0%	50.0% #420F1A	RGB 66 15 26	#420F1A
66.7%	66.7% #380C14	RGB 56 12 20	#380C14
83.3%	83.3% #2F0A0F	RGB 47 10 15	#2F0A0F
100.0%	100.0% #26080B	RGB 38 8 11	#26080B

#5E1831 #541428 #4B1221 #420F1A #380C14 #2F0A0F #26080B

#5E1831 - #420F1A - #26080B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E1831 0%, #420F1A 50%, #26080B 100%);
    background: -webkit-linear-gradient(top, #5E1831 0%, #420F1A 50%, #26080B 100%);
    background: linear-gradient(to bottom, #5E1831 0%, #420F1A 50%, #26080B 100%);
}
</style>