#BDB1B3 - #ECC8DB | 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 #BDB1B3 to #ECC8DB

#BDB1B3 #ECC8DB

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

#BDB1B3 - #ECC8DB | 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 #BDB1B3 as 0% and #ECC8DB as 100%.

0.0%	0.0% #BDB1B3	RGB 189 177 179	#BDB1B3
16.7%	16.7% #C4B4B9	RGB 196 180 185	#C4B4B9
33.3%	33.3% #CCB8C0	RGB 204 184 192	#CCB8C0
50.0%	50.0% #D4BCC7	RGB 212 188 199	#D4BCC7
66.7%	66.7% #DCC0CD	RGB 220 192 205	#DCC0CD
83.3%	83.3% #E4C4D4	RGB 228 196 212	#E4C4D4
100.0%	100.0% #ECC8DB	RGB 236 200 219	#ECC8DB

#BDB1B3 #C4B4B9 #CCB8C0 #D4BCC7 #DCC0CD #E4C4D4 #ECC8DB

#BDB1B3 - #ECC8DB

HSV Blend

#BDB1B3 - #ECC8DB | 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 #BDB1B3 as 0% and #ECC8DB as 100%.

0.0%	0.0% #BDB1B3	RGB 189 177 179	#BDB1B3
16.7%	16.7% #C4B5B8	RGB 196 181 184	#C4B5B8
33.3%	33.3% #CCB9BF	RGB 204 185 191	#CCB9BF
50.0%	50.0% #D4BDC5	RGB 212 189 197	#D4BDC5
66.7%	66.7% #DCC1CC	RGB 220 193 204	#DCC1CC
83.3%	83.3% #E4C4D3	RGB 228 196 211	#E4C4D3
100.0%	100.0% #ECC8DB	RGB 236 200 219	#ECC8DB

#BDB1B3 #C4B5B8 #CCB9BF #D4BDC5 #DCC1CC #E4C4D3 #ECC8DB

#BDB1B3 - #D4BDC5 - #ECC8DB

CSS codes

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

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