#BFB4B7 - #ECCADD | 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 #BFB4B7 to #ECCADD

#BFB4B7 #ECCADD

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

#BFB4B7 - #ECCADD | 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 #BFB4B7 as 0% and #ECCADD as 100%.

0.0%	0.0% #BFB4B7	RGB 191 180 183	#BFB4B7
16.7%	16.7% #C6B7BD	RGB 198 183 189	#C6B7BD
33.3%	33.3% #CEBBC3	RGB 206 187 195	#CEBBC3
50.0%	50.0% #D5BFCA	RGB 213 191 202	#D5BFCA
66.7%	66.7% #DDC2D0	RGB 221 194 208	#DDC2D0
83.3%	83.3% #E4C6D6	RGB 228 198 214	#E4C6D6
100.0%	100.0% #ECCADD	RGB 236 202 221	#ECCADD

#BFB4B7 #C6B7BD #CEBBC3 #D5BFCA #DDC2D0 #E4C6D6 #ECCADD

#BFB4B7 - #ECCADD

HSV Blend

#BFB4B7 - #ECCADD | 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 #BFB4B7 as 0% and #ECCADD as 100%.

0.0%	0.0% #BFB4B7	RGB 191 180 183	#BFB4B7
16.7%	16.7% #C6B8BC	RGB 198 184 188	#C6B8BC
33.3%	33.3% #CEBCC2	RGB 206 188 194	#CEBCC2
50.0%	50.0% #D5BFC8	RGB 213 191 200	#D5BFC8
66.7%	66.7% #DDC3CF	RGB 221 195 207	#DDC3CF
83.3%	83.3% #E4C6D6	RGB 228 198 214	#E4C6D6
100.0%	100.0% #ECCADD	RGB 236 202 221	#ECCADD

#BFB4B7 #C6B8BC #CEBCC2 #D5BFC8 #DDC3CF #E4C6D6 #ECCADD

#BFB4B7 - #D5BFC8 - #ECCADD

CSS codes

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

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