#E3ACE1 - #BA56C0 | colorate

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

Blend #E3ACE1 to #BA56C0

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

RGB混合

#E3ACE1 - #BA56C0 | colorate

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

0.0%	0.0% #E3ACE1	RGB 227 172 225	#E3ACE1
16.7%	16.7% #DC9DDB	RGB 220 157 219	#DC9DDB
33.3%	33.3% #D58FD6	RGB 213 143 214	#D58FD6
50.0%	50.0% #CE81D0	RGB 206 129 208	#CE81D0
66.7%	66.7% #C772CB	RGB 199 114 203	#C772CB
83.3%	83.3% #C064C5	RGB 192 100 197	#C064C5
100.0%	100.0% #BA56C0	RGB 186 86 192	#BA56C0

#E3ACE1 #DC9DDB #D58FD6 #CE81D0 #C772CB #C064C5 #BA56C0

#E3ACE1 - #BA56C0

HSV混合

#E3ACE1 - #BA56C0 | colorate

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

0.0%	0.0% #E3ACE1	RGB 227 172 225	#E3ACE1
16.7%	16.7% #DD9CDB	RGB 221 156 219	#DD9CDB
33.3%	33.3% #D78CD6	RGB 215 140 214	#D78CD6
50.0%	50.0% #D07ED1	RGB 208 126 209	#D07ED1
66.7%	66.7% #C970CB	RGB 201 112 203	#C970CB
83.3%	83.3% #C162C5	RGB 193 98 197	#C162C5
100.0%	100.0% #BA56C0	RGB 186 86 192	#BA56C0

#E3ACE1 #DD9CDB #D78CD6 #D07ED1 #C970CB #C162C5 #BA56C0

#E3ACE1 - #D07ED1 - #BA56C0

CSS代码

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

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