#AA6F9A - #E6D5E1 | colorate

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

Blend #AA6F9A to #E6D5E1

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

RGB混合

#AA6F9A - #E6D5E1 | colorate

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

0.0%	0.0% #AA6F9A	RGB 170 111 154	#AA6F9A
16.7%	16.7% #B480A5	RGB 180 128 165	#B480A5
33.3%	33.3% #BE91B1	RGB 190 145 177	#BE91B1
50.0%	50.0% #C8A2BD	RGB 200 162 189	#C8A2BD
66.7%	66.7% #D2B3C9	RGB 210 179 201	#D2B3C9
83.3%	83.3% #DCC4D5	RGB 220 196 213	#DCC4D5
100.0%	100.0% #E6D5E1	RGB 230 213 225	#E6D5E1

#AA6F9A #B480A5 #BE91B1 #C8A2BD #D2B3C9 #DCC4D5 #E6D5E1

#AA6F9A - #E6D5E1

HSV混合

#AA6F9A - #E6D5E1 | colorate

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

0.0%	0.0% #AA6F99	RGB 170 111 153	#AA6F99
16.7%	16.7% #B47DA5	RGB 180 125 165	#B47DA5
33.3%	33.3% #BE8DB0	RGB 190 141 176	#BE8DB0
50.0%	50.0% #C89DBC	RGB 200 157 188	#C89DBC
66.7%	66.7% #D2AFC8	RGB 210 175 200	#D2AFC8
83.3%	83.3% #DCC1D4	RGB 220 193 212	#DCC1D4
100.0%	100.0% #E6D5E1	RGB 230 213 225	#E6D5E1

#AA6F99 #B47DA5 #BE8DB0 #C89DBC #D2AFC8 #DCC1D4 #E6D5E1

#AA6F9A - #C89DBC - #E6D5E1

CSS代码

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

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