#AC3C7E - #F7949D | colorate

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

Blend #AC3C7E to #F7949D

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

RGB混合

#AC3C7E - #F7949D | colorate

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

0.0%	0.0% #AC3C7E	RGB 172 60 126	#AC3C7E
16.7%	16.7% #B84A83	RGB 184 74 131	#B84A83
33.3%	33.3% #C55988	RGB 197 89 136	#C55988
50.0%	50.0% #D1688D	RGB 209 104 141	#D1688D
66.7%	66.7% #DE7692	RGB 222 118 146	#DE7692
83.3%	83.3% #EA8597	RGB 234 133 151	#EA8597
100.0%	100.0% #F7949D	RGB 247 148 157	#F7949D

#AC3C7E #B84A83 #C55988 #D1688D #DE7692 #EA8597 #F7949D

#AC3C7E - #F7949D

HSV混合

#AC3C7E - #F7949D | colorate

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

0.0%	0.0% #AC3C7D	RGB 172 60 125	#AC3C7D
16.7%	16.7% #B84880	RGB 184 72 128	#B84880
33.3%	33.3% #C55584	RGB 197 85 132	#C55584
50.0%	50.0% #D16388	RGB 209 99 136	#D16388
66.7%	66.7% #DE728E	RGB 222 114 142	#DE728E
83.3%	83.3% #EA8294	RGB 234 130 148	#EA8294
100.0%	100.0% #F7949D	RGB 247 148 157	#F7949D

#AC3C7D #B84880 #C55584 #D16388 #DE728E #EA8294 #F7949D

#AC3C7E - #D16388 - #F7949D

CSS代码

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

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