#BF9CB2 - #ECE2E9 | colorate

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

Blend #BF9CB2 to #ECE2E9

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

RGB混合

#BF9CB2 - #ECE2E9 | colorate

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

0.0%	0.0% #BF9CB2	RGB 191 156 178	#BF9CB2
16.7%	16.7% #C6A7BB	RGB 198 167 187	#C6A7BB
33.3%	33.3% #CEB3C4	RGB 206 179 196	#CEB3C4
50.0%	50.0% #D5BFCD	RGB 213 191 205	#D5BFCD
66.7%	66.7% #DDCAD6	RGB 221 202 214	#DDCAD6
83.3%	83.3% #E4D6DF	RGB 228 214 223	#E4D6DF
100.0%	100.0% #ECE2E9	RGB 236 226 233	#ECE2E9

#BF9CB2 #C6A7BB #CEB3C4 #D5BFCD #DDCAD6 #E4D6DF #ECE2E9

#BF9CB2 - #ECE2E9

HSV混合

#BF9CB2 - #ECE2E9 | colorate

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

0.0%	0.0% #BF9CB2	RGB 191 156 178	#BF9CB2
16.7%	16.7% #C6A6BB	RGB 198 166 187	#C6A6BB
33.3%	33.3% #CEB1C4	RGB 206 177 196	#CEB1C4
50.0%	50.0% #D5BDCD	RGB 213 189 205	#D5BDCD
66.7%	66.7% #DDC9D6	RGB 221 201 214	#DDC9D6
83.3%	83.3% #E4D5DF	RGB 228 213 223	#E4D5DF
100.0%	100.0% #ECE2E9	RGB 236 226 233	#ECE2E9

#BF9CB2 #C6A6BB #CEB1C4 #D5BDCD #DDC9D6 #E4D5DF #ECE2E9

#BF9CB2 - #D5BDCD - #ECE2E9

CSS代码

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

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