#5E2D4E - #3F0138 | colorate

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

Blend #5E2D4E to #3F0138

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

RGB混合

#5E2D4E - #3F0138 | colorate

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

0.0%	0.0% #5E2D4E	RGB 94 45 78	#5E2D4E
16.7%	16.7% #58254A	RGB 88 37 74	#58254A
33.3%	33.3% #531E46	RGB 83 30 70	#531E46
50.0%	50.0% #4E1743	RGB 78 23 67	#4E1743
66.7%	66.7% #490F3F	RGB 73 15 63	#490F3F
83.3%	83.3% #44083B	RGB 68 8 59	#44083B
100.0%	100.0% #3F0138	RGB 63 1 56	#3F0138

#5E2D4E #58254A #531E46 #4E1743 #490F3F #44083B #3F0138

#5E2D4E - #3F0138

HSV混合

#5E2D4E - #3F0138 | colorate

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

0.0%	0.0% #5E2D4E	RGB 94 45 78	#5E2D4E
16.7%	16.7% #582349	RGB 88 35 73	#582349
33.3%	33.3% #531B45	RGB 83 27 69	#531B45
50.0%	50.0% #4E1341	RGB 78 19 65	#4E1341
66.7%	66.7% #490C3E	RGB 73 12 62	#490C3E
83.3%	83.3% #44063A	RGB 68 6 58	#44063A
100.0%	100.0% #3F0138	RGB 63 1 56	#3F0138

#5E2D4E #582349 #531B45 #4E1341 #490C3E #44063A #3F0138

#5E2D4E - #4E1341 - #3F0138

CSS代码

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

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