#BCC7B0 - #EFEAC2 | 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 #BCC7B0 to #EFEAC2

#BCC7B0 #EFEAC2

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

#BCC7B0 - #EFEAC2 | 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 #BCC7B0 as 0% and #EFEAC2 as 100%.

0.0%	0.0% #BCC7B0	RGB 188 199 176	#BCC7B0
16.7%	16.7% #C4CCB3	RGB 196 204 179	#C4CCB3
33.3%	33.3% #CDD2B6	RGB 205 210 182	#CDD2B6
50.0%	50.0% #D5D8B9	RGB 213 216 185	#D5D8B9
66.7%	66.7% #DEDEBC	RGB 222 222 188	#DEDEBC
83.3%	83.3% #E6E4BF	RGB 230 228 191	#E6E4BF
100.0%	100.0% #EFEAC2	RGB 239 234 194	#EFEAC2

#BCC7B0 #C4CCB3 #CDD2B6 #D5D8B9 #DEDEBC #E6E4BF #EFEAC2

#BCC7B0 - #EFEAC2

HSV Blend

#BCC7B0 - #EFEAC2 | 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 #BCC7B0 as 0% and #EFEAC2 as 100%.

0.0%	0.0% #BCC7B0	RGB 188 199 176	#BCC7B0
16.7%	16.7% #C3CDB3	RGB 195 205 179	#C3CDB3
33.3%	33.3% #CBD4B6	RGB 203 212 182	#CBD4B6
50.0%	50.0% #D4DBB9	RGB 212 219 185	#D4DBB9
66.7%	66.7% #DEE1BC	RGB 222 225 188	#DEE1BC
83.3%	83.3% #E8E7BF	RGB 232 231 191	#E8E7BF
100.0%	100.0% #EFEAC2	RGB 239 234 194	#EFEAC2

#BCC7B0 #C3CDB3 #CBD4B6 #D4DBB9 #DEE1BC #E8E7BF #EFEAC2

#BCC7B0 - #D4DBB9 - #EFEAC2

CSS codes

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

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