#E5E3E3 - #BD99B0 | colorate

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

Blend #E5E3E3 to #BD99B0

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

RGB混合

#E5E3E3 - #BD99B0 | colorate

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

0.0%	0.0% #E5E3E3	RGB 229 227 227	#E5E3E3
16.7%	16.7% #DED6DA	RGB 222 214 218	#DED6DA
33.3%	33.3% #D7CAD2	RGB 215 202 210	#D7CAD2
50.0%	50.0% #D1BEC9	RGB 209 190 201	#D1BEC9
66.7%	66.7% #CAB1C1	RGB 202 177 193	#CAB1C1
83.3%	83.3% #C3A5B8	RGB 195 165 184	#C3A5B8
100.0%	100.0% #BD99B0	RGB 189 153 176	#BD99B0

#E5E3E3 #DED6DA #D7CAD2 #D1BEC9 #CAB1C1 #C3A5B8 #BD99B0

#E5E3E3 - #BD99B0

HSV混合

#E5E3E3 - #BD99B0 | colorate

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

0.0%	0.0% #E5E3E3	RGB 229 227 227	#E5E3E3
16.7%	16.7% #DED5D6	RGB 222 213 214	#DED5D6
33.3%	33.3% #D7C8CB	RGB 215 200 203	#D7C8CB
50.0%	50.0% #D1BCC2	RGB 209 188 194	#D1BCC2
66.7%	66.7% #CAB0BB	RGB 202 176 187	#CAB0BB
83.3%	83.3% #C3A4B5	RGB 195 164 181	#C3A4B5
100.0%	100.0% #BD99B0	RGB 189 153 176	#BD99B0

#E5E3E3 #DED5D6 #D7C8CB #D1BCC2 #CAB0BB #C3A4B5 #BD99B0

#E5E3E3 - #D1BCC2 - #BD99B0

CSS代码

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

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