#E8D5E6 - #C77AA5 | colorate

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

Blend #E8D5E6 to #C77AA5

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

RGB混合

#E8D5E6 - #C77AA5 | colorate

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

0.0%	0.0% #E8D5E6	RGB 232 213 230	#E8D5E6
16.7%	16.7% #E2C5DB	RGB 226 197 219	#E2C5DB
33.3%	33.3% #DDB6D0	RGB 221 182 208	#DDB6D0
50.0%	50.0% #D7A7C5	RGB 215 167 197	#D7A7C5
66.7%	66.7% #D298BA	RGB 210 152 186	#D298BA
83.3%	83.3% #CC89AF	RGB 204 137 175	#CC89AF
100.0%	100.0% #C77AA5	RGB 199 122 165	#C77AA5

#E8D5E6 #E2C5DB #DDB6D0 #D7A7C5 #D298BA #CC89AF #C77AA5

#E8D5E6 - #C77AA5

HSV混合

#E8D5E6 - #C77AA5 | colorate

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

0.0%	0.0% #E8D5E6	RGB 232 213 230	#E8D5E6
16.7%	16.7% #E2C4DD	RGB 226 196 221	#E2C4DD
33.3%	33.3% #DDB4D4	RGB 221 180 212	#DDB4D4
50.0%	50.0% #D7A4C9	RGB 215 164 201	#D7A4C9
66.7%	66.7% #D296BE	RGB 210 150 190	#D296BE
83.3%	83.3% #CC87B2	RGB 204 135 178	#CC87B2
100.0%	100.0% #C77AA5	RGB 199 122 165	#C77AA5

#E8D5E6 #E2C4DD #DDB4D4 #D7A4C9 #D296BE #CC87B2 #C77AA5

#E8D5E6 - #D7A4C9 - #C77AA5

CSS代码

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

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