#AA2FBC - #3A0069 | colorate

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

Blend #AA2FBC to #3A0069

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

RGB混合

#AA2FBC - #3A0069 | colorate

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

0.0%	0.0% #AA2FBC	RGB 170 47 188	#AA2FBC
16.7%	16.7% #9727AE	RGB 151 39 174	#9727AE
33.3%	33.3% #841FA0	RGB 132 31 160	#841FA0
50.0%	50.0% #721792	RGB 114 23 146	#721792
66.7%	66.7% #5F0F84	RGB 95 15 132	#5F0F84
83.3%	83.3% #4C0776	RGB 76 7 118	#4C0776
100.0%	100.0% #3A0069	RGB 58 0 105	#3A0069

#AA2FBC #9727AE #841FA0 #721792 #5F0F84 #4C0776 #3A0069

#AA2FBC - #3A0069

HSV混合

#AA2FBC - #3A0069 | colorate

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

0.0%	0.0% #A92FBC	RGB 169 47 188	#A92FBC
16.7%	16.7% #9524AE	RGB 149 36 174	#9524AE
33.3%	33.3% #811AA0	RGB 129 26 160	#811AA0
50.0%	50.0% #6D1292	RGB 109 18 146	#6D1292
66.7%	66.7% #5B0B84	RGB 91 11 132	#5B0B84
83.3%	83.3% #490476	RGB 73 4 118	#490476
100.0%	100.0% #3A0069	RGB 58 0 105	#3A0069

#A92FBC #9524AE #811AA0 #6D1292 #5B0B84 #490476 #3A0069

#AA2FBC - #6D1292 - #3A0069

CSS代码

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

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