#BF85B5 - #ECDCE9 | 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 #BF85B5 to #ECDCE9

#BF85B5 #ECDCE9

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

#BF85B5 - #ECDCE9 | 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 #BF85B5 as 0% and #ECDCE9 as 100%.

0.0%	0.0% #BF85B5	RGB 191 133 181	#BF85B5
16.7%	16.7% #C693BD	RGB 198 147 189	#C693BD
33.3%	33.3% #CEA2C6	RGB 206 162 198	#CEA2C6
50.0%	50.0% #D5B0CF	RGB 213 176 207	#D5B0CF
66.7%	66.7% #DDBFD7	RGB 221 191 215	#DDBFD7
83.3%	83.3% #E4CDE0	RGB 228 205 224	#E4CDE0
100.0%	100.0% #ECDCE9	RGB 236 220 233	#ECDCE9

#BF85B5 #C693BD #CEA2C6 #D5B0CF #DDBFD7 #E4CDE0 #ECDCE9

#BF85B5 - #ECDCE9

HSV Blend

#BF85B5 - #ECDCE9 | 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 #BF85B5 as 0% and #ECDCE9 as 100%.

0.0%	0.0% #BF85B5	RGB 191 133 181	#BF85B5
16.7%	16.7% #C692BD	RGB 198 146 189	#C692BD
33.3%	33.3% #CE9FC5	RGB 206 159 197	#CE9FC5
50.0%	50.0% #D5ADCE	RGB 213 173 206	#D5ADCE
66.7%	66.7% #DDBCD7	RGB 221 188 215	#DDBCD7
83.3%	83.3% #E4CCDF	RGB 228 204 223	#E4CCDF
100.0%	100.0% #ECDCE9	RGB 236 220 233	#ECDCE9

#BF85B5 #C692BD #CE9FC5 #D5ADCE #DDBCD7 #E4CCDF #ECDCE9

#BF85B5 - #D5ADCE - #ECDCE9

CSS codes

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

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