#AA3C7E - #F6949D | colorate

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

Blend #AA3C7E to #F6949D

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

RGB混合

#AA3C7E - #F6949D | colorate

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

0.0%	0.0% #AA3C7E	RGB 170 60 126	#AA3C7E
16.7%	16.7% #B64A83	RGB 182 74 131	#B64A83
33.3%	33.3% #C35988	RGB 195 89 136	#C35988
50.0%	50.0% #D0688D	RGB 208 104 141	#D0688D
66.7%	66.7% #DC7692	RGB 220 118 146	#DC7692
83.3%	83.3% #E98597	RGB 233 133 151	#E98597
100.0%	100.0% #F6949D	RGB 246 148 157	#F6949D

#AA3C7E #B64A83 #C35988 #D0688D #DC7692 #E98597 #F6949D

#AA3C7E - #F6949D

HSV混合

#AA3C7E - #F6949D | colorate

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

0.0%	0.0% #AA3C7E	RGB 170 60 126	#AA3C7E
16.7%	16.7% #B64881	RGB 182 72 129	#B64881
33.3%	33.3% #C35584	RGB 195 85 132	#C35584
50.0%	50.0% #D06388	RGB 208 99 136	#D06388
66.7%	66.7% #DC728E	RGB 220 114 142	#DC728E
83.3%	83.3% #E98294	RGB 233 130 148	#E98294
100.0%	100.0% #F6949D	RGB 246 148 157	#F6949D

#AA3C7E #B64881 #C35584 #D06388 #DC728E #E98294 #F6949D

#AA3C7E - #D06388 - #F6949D

CSS代码

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

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