#A854A8 - #FEA7AC | colorate

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

Blend #A854A8 to #FEA7AC

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

RGB混合

#A854A8 - #FEA7AC | colorate

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

0.0%	0.0% #A854A8	RGB 168 84 168	#A854A8
16.7%	16.7% #B661A8	RGB 182 97 168	#B661A8
33.3%	33.3% #C46FA9	RGB 196 111 169	#C46FA9
50.0%	50.0% #D37DAA	RGB 211 125 170	#D37DAA
66.7%	66.7% #E18BAA	RGB 225 139 170	#E18BAA
83.3%	83.3% #EF99AB	RGB 239 153 171	#EF99AB
100.0%	100.0% #FEA7AC	RGB 254 167 172	#FEA7AC

#A854A8 #B661A8 #C46FA9 #D37DAA #E18BAA #EF99AB #FEA7AC

#A854A8 - #FEA7AC

HSV混合

#A854A8 - #FEA7AC | colorate

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

0.0%	0.0% #A754A8	RGB 167 84 168	#A754A8
16.7%	16.7% #B65FA8	RGB 182 95 168	#B65FA8
33.3%	33.3% #C46CA9	RGB 196 108 169	#C46CA9
50.0%	50.0% #D37AA9	RGB 211 122 169	#D37AA9
66.7%	66.7% #E188A9	RGB 225 136 169	#E188A9
83.3%	83.3% #EF97AA	RGB 239 151 170	#EF97AA
100.0%	100.0% #FEA7AC	RGB 254 167 172	#FEA7AC

#A754A8 #B65FA8 #C46CA9 #D37AA9 #E188A9 #EF97AA #FEA7AC

#A854A8 - #D37AA9 - #FEA7AC

CSS代码

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

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