#BF9DD6 - #ECE3F3 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #BF9DD6 to #ECE3F3

#BF9DD6 #ECE3F3

Calculate the color between two colors, #BF9DD6 and #ECE3F3. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#BF9DD6 - #ECE3F3 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #BF9DD6 as 0% and #ECE3F3 as 100%.

0.0%	0.0% #BF9DD6	RGB 191 157 214	#BF9DD6
16.7%	16.7% #C6A8DA	RGB 198 168 218	#C6A8DA
33.3%	33.3% #CEB4DF	RGB 206 180 223	#CEB4DF
50.0%	50.0% #D5C0E4	RGB 213 192 228	#D5C0E4
66.7%	66.7% #DDCBE9	RGB 221 203 233	#DDCBE9
83.3%	83.3% #E4D7EE	RGB 228 215 238	#E4D7EE
100.0%	100.0% #ECE3F3	RGB 236 227 243	#ECE3F3

#BF9DD6 #C6A8DA #CEB4DF #D5C0E4 #DDCBE9 #E4D7EE #ECE3F3

#BF9DD6 - #ECE3F3

HSV Blend

#BF9DD6 - #ECE3F3 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #BF9DD6 as 0% and #ECE3F3 as 100%.

0.0%	0.0% #BF9DD6	RGB 191 157 214	#BF9DD6
16.7%	16.7% #C5A7DA	RGB 197 167 218	#C5A7DA
33.3%	33.3% #CDB3DF	RGB 205 179 223	#CDB3DF
50.0%	50.0% #D4BEE4	RGB 212 190 228	#D4BEE4
66.7%	66.7% #DCCAE9	RGB 220 202 233	#DCCAE9
83.3%	83.3% #E3D6EE	RGB 227 214 238	#E3D6EE
100.0%	100.0% #ECE3F3	RGB 236 227 243	#ECE3F3

#BF9DD6 #C5A7DA #CDB3DF #D4BEE4 #DCCAE9 #E3D6EE #ECE3F3

#BF9DD6 - #D4BEE4 - #ECE3F3

CSS codes

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

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