#E7B5DB - #AA519B | colorate

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

Blend #E7B5DB to #AA519B

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

RGB混合

#E7B5DB - #AA519B | colorate

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

0.0%	0.0% #E7B5DB	RGB 231 181 219	#E7B5DB
16.7%	16.7% #DCA4D0	RGB 220 164 208	#DCA4D0
33.3%	33.3% #D293C5	RGB 210 147 197	#D293C5
50.0%	50.0% #C883BB	RGB 200 131 187	#C883BB
66.7%	66.7% #BE72B0	RGB 190 114 176	#BE72B0
83.3%	83.3% #B461A5	RGB 180 97 165	#B461A5
100.0%	100.0% #AA519B	RGB 170 81 155	#AA519B

#E7B5DB #DCA4D0 #D293C5 #C883BB #BE72B0 #B461A5 #AA519B

#E7B5DB - #AA519B

HSV混合

#E7B5DB - #AA519B | colorate

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

0.0%	0.0% #E7B5DB	RGB 231 181 219	#E7B5DB
16.7%	16.7% #DCA1CF	RGB 220 161 207	#DCA1CF
33.3%	33.3% #D28FC4	RGB 210 143 196	#D28FC4
50.0%	50.0% #C87EB9	RGB 200 126 185	#C87EB9
66.7%	66.7% #BE6EAE	RGB 190 110 174	#BE6EAE
83.3%	83.3% #B45FA4	RGB 180 95 164	#B45FA4
100.0%	100.0% #AA519B	RGB 170 81 155	#AA519B

#E7B5DB #DCA1CF #D28FC4 #C87EB9 #BE6EAE #B45FA4 #AA519B

#E7B5DB - #C87EB9 - #AA519B

CSS代码

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

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