#A8A1ED - #3A33B2 | colorate

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

Blend #A8A1ED to #3A33B2

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

RGB混合

#A8A1ED - #3A33B2 | colorate

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

0.0%	0.0% #A8A1ED	RGB 168 161 237	#A8A1ED
16.7%	16.7% #958EE3	RGB 149 142 227	#958EE3
33.3%	33.3% #837CD9	RGB 131 124 217	#837CD9
50.0%	50.0% #716ACF	RGB 113 106 207	#716ACF
66.7%	66.7% #5E57C5	RGB 94 87 197	#5E57C5
83.3%	83.3% #4C45BB	RGB 76 69 187	#4C45BB
100.0%	100.0% #3A33B2	RGB 58 51 178	#3A33B2

#A8A1ED #958EE3 #837CD9 #716ACF #5E57C5 #4C45BB #3A33B2

#A8A1ED - #3A33B2

HSV混合

#A8A1ED - #3A33B2 | colorate

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

0.0%	0.0% #A8A1ED	RGB 168 161 237	#A8A1ED
16.7%	16.7% #928BE3	RGB 146 139 227	#928BE3
33.3%	33.3% #7F77D9	RGB 127 119 217	#7F77D9
50.0%	50.0% #6C64CF	RGB 108 100 207	#6C64CF
66.7%	66.7% #5A52C5	RGB 90 82 197	#5A52C5
83.3%	83.3% #4942BB	RGB 73 66 187	#4942BB
100.0%	100.0% #3A33B2	RGB 58 51 178	#3A33B2

#A8A1ED #928BE3 #7F77D9 #6C64CF #5A52C5 #4942BB #3A33B2

#A8A1ED - #6C64CF - #3A33B2

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8A1ED 0%, #6C64CF 50%, #3A33B2 100%);
    background: -webkit-linear-gradient(top, #A8A1ED 0%, #6C64CF 50%, #3A33B2 100%);
    background: linear-gradient(to bottom, #A8A1ED 0%, #6C64CF 50%, #3A33B2 100%);
}
</style>