#BF28C0 - #ECC1ED | colorate

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

Blend #BF28C0 to #ECC1ED

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

RGB混合

#BF28C0 - #ECC1ED | colorate

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

0.0%	0.0% #BF28C0	RGB 191 40 192	#BF28C0
16.7%	16.7% #C641C7	RGB 198 65 199	#C641C7
33.3%	33.3% #CE5BCF	RGB 206 91 207	#CE5BCF
50.0%	50.0% #D574D6	RGB 213 116 214	#D574D6
66.7%	66.7% #DD8EDE	RGB 221 142 222	#DD8EDE
83.3%	83.3% #E4A7E5	RGB 228 167 229	#E4A7E5
100.0%	100.0% #ECC1ED	RGB 236 193 237	#ECC1ED

#BF28C0 #C641C7 #CE5BCF #D574D6 #DD8EDE #E4A7E5 #ECC1ED

#BF28C0 - #ECC1ED

HSV混合

#BF28C0 - #ECC1ED | colorate

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

0.0%	0.0% #BF28C0	RGB 191 40 192	#BF28C0
16.7%	16.7% #C63DC7	RGB 198 61 199	#C63DC7
33.3%	33.3% #CD54CF	RGB 205 84 207	#CD54CF
50.0%	50.0% #D46DD6	RGB 212 109 214	#D46DD6
66.7%	66.7% #DC87DE	RGB 220 135 222	#DC87DE
83.3%	83.3% #E4A3E5	RGB 228 163 229	#E4A3E5
100.0%	100.0% #ECC1ED	RGB 236 193 237	#ECC1ED

#BF28C0 #C63DC7 #CD54CF #D46DD6 #DC87DE #E4A3E5 #ECC1ED

#BF28C0 - #D46DD6 - #ECC1ED

CSS代码

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

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