#BF7EBE - #ECDAEC | 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 #BF7EBE to #ECDAEC

#BF7EBE #ECDAEC

Calculate the color between two colors, #BF7EBE and #ECDAEC. 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)

#BF7EBE - #ECDAEC | 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 #BF7EBE as 0% and #ECDAEC as 100%.

0.0%	0.0% #BF7EBE	RGB 191 126 190	#BF7EBE
16.7%	16.7% #C68DC5	RGB 198 141 197	#C68DC5
33.3%	33.3% #CE9CCD	RGB 206 156 205	#CE9CCD
50.0%	50.0% #D5ACD5	RGB 213 172 213	#D5ACD5
66.7%	66.7% #DDBBDC	RGB 221 187 220	#DDBBDC
83.3%	83.3% #E4CAE4	RGB 228 202 228	#E4CAE4
100.0%	100.0% #ECDAEC	RGB 236 218 236	#ECDAEC

#BF7EBE #C68DC5 #CE9CCD #D5ACD5 #DDBBDC #E4CAE4 #ECDAEC

#BF7EBE - #ECDAEC

HSV Blend

#BF7EBE - #ECDAEC | 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 #BF7EBE as 0% and #ECDAEC as 100%.

0.0%	0.0% #BF7EBE	RGB 191 126 190	#BF7EBE
16.7%	16.7% #C68BC5	RGB 198 139 197	#C68BC5
33.3%	33.3% #CE9ACD	RGB 206 154 205	#CE9ACD
50.0%	50.0% #D5A9D5	RGB 213 169 213	#D5A9D5
66.7%	66.7% #DDB8DC	RGB 221 184 220	#DDB8DC
83.3%	83.3% #E4C9E4	RGB 228 201 228	#E4C9E4
100.0%	100.0% #ECDAEC	RGB 236 218 236	#ECDAEC

#BF7EBE #C68BC5 #CE9ACD #D5A9D5 #DDB8DC #E4C9E4 #ECDAEC

#BF7EBE - #D5A9D5 - #ECDAEC

CSS codes

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

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