#BF90AC - #ECDFE6 | 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 #BF90AC to #ECDFE6

#BF90AC #ECDFE6

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

#BF90AC - #ECDFE6 | 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 #BF90AC as 0% and #ECDFE6 as 100%.

0.0%	0.0% #BF90AC	RGB 191 144 172	#BF90AC
16.7%	16.7% #C69DB5	RGB 198 157 181	#C69DB5
33.3%	33.3% #CEAABF	RGB 206 170 191	#CEAABF
50.0%	50.0% #D5B7C9	RGB 213 183 201	#D5B7C9
66.7%	66.7% #DDC4D2	RGB 221 196 210	#DDC4D2
83.3%	83.3% #E4D1DC	RGB 228 209 220	#E4D1DC
100.0%	100.0% #ECDFE6	RGB 236 223 230	#ECDFE6

#BF90AC #C69DB5 #CEAABF #D5B7C9 #DDC4D2 #E4D1DC #ECDFE6

#BF90AC - #ECDFE6

HSV Blend

#BF90AC - #ECDFE6 | 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 #BF90AC as 0% and #ECDFE6 as 100%.

0.0%	0.0% #BF90AC	RGB 191 144 172	#BF90AC
16.7%	16.7% #C69BB4	RGB 198 155 180	#C69BB4
33.3%	33.3% #CEA8BE	RGB 206 168 190	#CEA8BE
50.0%	50.0% #D5B5C7	RGB 213 181 199	#D5B5C7
66.7%	66.7% #DDC2D1	RGB 221 194 209	#DDC2D1
83.3%	83.3% #E4D0DB	RGB 228 208 219	#E4D0DB
100.0%	100.0% #ECDFE6	RGB 236 223 230	#ECDFE6

#BF90AC #C69BB4 #CEA8BE #D5B5C7 #DDC2D1 #E4D0DB #ECDFE6

#BF90AC - #D5B5C7 - #ECDFE6

CSS codes

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

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