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

#BDB3B7 #ECCADD

Calculate the color between two colors, #BDB3B7 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)

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

0.0%	0.0% #BDB3B7	RGB 189 179 183	#BDB3B7
16.7%	16.7% #C4B6BD	RGB 196 182 189	#C4B6BD
33.3%	33.3% #CCBAC3	RGB 204 186 195	#CCBAC3
50.0%	50.0% #D4BECA	RGB 212 190 202	#D4BECA
66.7%	66.7% #DCC2D0	RGB 220 194 208	#DCC2D0
83.3%	83.3% #E4C6D6	RGB 228 198 214	#E4C6D6
100.0%	100.0% #ECCADD	RGB 236 202 221	#ECCADD

#BDB3B7 #C4B6BD #CCBAC3 #D4BECA #DCC2D0 #E4C6D6 #ECCADD

#BDB3B7 - #ECCADD

HSV Blend

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

0.0%	0.0% #BDB3B7	RGB 189 179 183	#BDB3B7
16.7%	16.7% #C4B7BD	RGB 196 183 189	#C4B7BD
33.3%	33.3% #CCBBC3	RGB 204 187 195	#CCBBC3
50.0%	50.0% #D4BFC9	RGB 212 191 201	#D4BFC9
66.7%	66.7% #DCC3CF	RGB 220 195 207	#DCC3CF
83.3%	83.3% #E4C6D6	RGB 228 198 214	#E4C6D6
100.0%	100.0% #ECCADD	RGB 236 202 221	#ECCADD

#BDB3B7 #C4B7BD #CCBBC3 #D4BFC9 #DCC3CF #E4C6D6 #ECCADD

#BDB3B7 - #D4BFC9 - #ECCADD

CSS codes

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

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