#5E245B - #400013 | colorate

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

Blend #5E245B to #400013

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

RGB混合

#5E245B - #400013 | colorate

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

0.0%	0.0% #5E245B	RGB 94 36 91	#5E245B
16.7%	16.7% #591E4F	RGB 89 30 79	#591E4F
33.3%	33.3% #541843	RGB 84 24 67	#541843
50.0%	50.0% #4F1237	RGB 79 18 55	#4F1237
66.7%	66.7% #4A0C2B	RGB 74 12 43	#4A0C2B
83.3%	83.3% #45061F	RGB 69 6 31	#45061F
100.0%	100.0% #400013	RGB 64 0 19	#400013

#5E245B #591E4F #541843 #4F1237 #4A0C2B #45061F #400013

#5E245B - #400013

HSV混合

#5E245B - #400013 | colorate

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

0.0%	0.0% #5E245B	RGB 94 36 91	#5E245B
16.7%	16.7% #591C4F	RGB 89 28 79	#591C4F
33.3%	33.3% #541543	RGB 84 21 67	#541543
50.0%	50.0% #4F0F36	RGB 79 15 54	#4F0F36
66.7%	66.7% #4A092A	RGB 74 9 42	#4A092A
83.3%	83.3% #45041E	RGB 69 4 30	#45041E
100.0%	100.0% #400013	RGB 64 0 19	#400013

#5E245B #591C4F #541543 #4F0F36 #4A092A #45041E #400013

#5E245B - #4F0F36 - #400013

CSS代码

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

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