#5E5A8A - #341334 | colorate

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

Blend #5E5A8A to #341334

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

RGB混合

#5E5A8A - #341334 | colorate

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

0.0%	0.0% #5E5A8A	RGB 94 90 138	#5E5A8A
16.7%	16.7% #574E7B	RGB 87 78 123	#574E7B
33.3%	33.3% #50426D	RGB 80 66 109	#50426D
50.0%	50.0% #49365F	RGB 73 54 95	#49365F
66.7%	66.7% #422A50	RGB 66 42 80	#422A50
83.3%	83.3% #3B1E42	RGB 59 30 66	#3B1E42
100.0%	100.0% #341334	RGB 52 19 52	#341334

#5E5A8A #574E7B #50426D #49365F #422A50 #3B1E42 #341334

#5E5A8A - #341334

HSV混合

#5E5A8A - #341334 | colorate

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

0.0%	0.0% #5E5A8A	RGB 94 90 138	#5E5A8A
16.7%	16.7% #564A7B	RGB 86 74 123	#564A7B
33.3%	33.3% #4F3C6D	RGB 79 60 109	#4F3C6D
50.0%	50.0% #49305F	RGB 73 48 95	#49305F
66.7%	66.7% #432550	RGB 67 37 80	#432550
83.3%	83.3% #3C1B42	RGB 60 27 66	#3C1B42
100.0%	100.0% #341334	RGB 52 19 52	#341334

#5E5A8A #564A7B #4F3C6D #49305F #432550 #3C1B42 #341334

#5E5A8A - #49305F - #341334

CSS代码

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

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