#5E2D5C - #430214 | colorate

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

Blend #5E2D5C to #430214

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

RGB混合

#5E2D5C - #430214 | colorate

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

0.0%	0.0% #5E2D5C	RGB 94 45 92	#5E2D5C
16.7%	16.7% #592550	RGB 89 37 80	#592550
33.3%	33.3% #551E44	RGB 85 30 68	#551E44
50.0%	50.0% #501738	RGB 80 23 56	#501738
66.7%	66.7% #4C102C	RGB 76 16 44	#4C102C
83.3%	83.3% #470920	RGB 71 9 32	#470920
100.0%	100.0% #430214	RGB 67 2 20	#430214

#5E2D5C #592550 #551E44 #501738 #4C102C #470920 #430214

#5E2D5C - #430214

HSV混合

#5E2D5C - #430214 | colorate

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

0.0%	0.0% #5E2D5C	RGB 94 45 92	#5E2D5C
16.7%	16.7% #592451	RGB 89 36 81	#592451
33.3%	33.3% #551B45	RGB 85 27 69	#551B45
50.0%	50.0% #501439	RGB 80 20 57	#501439
66.7%	66.7% #4C0D2D	RGB 76 13 45	#4C0D2D
83.3%	83.3% #470720	RGB 71 7 32	#470720
100.0%	100.0% #430214	RGB 67 2 20	#430214

#5E2D5C #592451 #551B45 #501439 #4C0D2D #470720 #430214

#5E2D5C - #501439 - #430214

CSS代码

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

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