#654C92 - #30106B | colorate

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

Blend #654C92 to #30106B

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

RGB混合

#654C92 - #30106B | colorate

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

0.0%	0.0% #654C92	RGB 101 76 146	#654C92
16.7%	16.7% #5C428B	RGB 92 66 139	#5C428B
33.3%	33.3% #533885	RGB 83 56 133	#533885
50.0%	50.0% #4A2E7E	RGB 74 46 126	#4A2E7E
66.7%	66.7% #412478	RGB 65 36 120	#412478
83.3%	83.3% #381A71	RGB 56 26 113	#381A71
100.0%	100.0% #30106B	RGB 48 16 107	#30106B

#654C92 #5C428B #533885 #4A2E7E #412478 #381A71 #30106B

#654C92 - #30106B

HSV混合

#654C92 - #30106B | colorate

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

0.0%	0.0% #654C92	RGB 101 76 146	#654C92
16.7%	16.7% #5A3F8B	RGB 90 63 139	#5A3F8B
33.3%	33.3% #513485	RGB 81 52 133	#513485
50.0%	50.0% #482A7E	RGB 72 42 126	#482A7E
66.7%	66.7% #3F2078	RGB 63 32 120	#3F2078
83.3%	83.3% #371771	RGB 55 23 113	#371771
100.0%	100.0% #30106B	RGB 48 16 107	#30106B

#654C92 #5A3F8B #513485 #482A7E #3F2078 #371771 #30106B

#654C92 - #482A7E - #30106B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #654C92 0%, #482A7E 50%, #30106B 100%);
    background: -webkit-linear-gradient(top, #654C92 0%, #482A7E 50%, #30106B 100%);
    background: linear-gradient(to bottom, #654C92 0%, #482A7E 50%, #30106B 100%);
}
</style>