#BCBDA8 - #EFEAC3 | 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 #BCBDA8 to #EFEAC3

#BCBDA8 #EFEAC3

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

#BCBDA8 - #EFEAC3 | 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 #BCBDA8 as 0% and #EFEAC3 as 100%.

0.0%	0.0% #BCBDA8	RGB 188 189 168	#BCBDA8
16.7%	16.7% #C4C4AC	RGB 196 196 172	#C4C4AC
33.3%	33.3% #CDCCB1	RGB 205 204 177	#CDCCB1
50.0%	50.0% #D5D3B5	RGB 213 211 181	#D5D3B5
66.7%	66.7% #DEDBBA	RGB 222 219 186	#DEDBBA
83.3%	83.3% #E6E2BE	RGB 230 226 190	#E6E2BE
100.0%	100.0% #EFEAC3	RGB 239 234 195	#EFEAC3

#BCBDA8 #C4C4AC #CDCCB1 #D5D3B5 #DEDBBA #E6E2BE #EFEAC3

#BCBDA8 - #EFEAC3

HSV Blend

#BCBDA8 - #EFEAC3 | 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 #BCBDA8 as 0% and #EFEAC3 as 100%.

0.0%	0.0% #BCBDA8	RGB 188 189 168	#BCBDA8
16.7%	16.7% #C4C5AD	RGB 196 197 173	#C4C5AD
33.3%	33.3% #CDCDB1	RGB 205 205 177	#CDCDB1
50.0%	50.0% #D6D4B6	RGB 214 212 182	#D6D4B6
66.7%	66.7% #DEDCBA	RGB 222 220 186	#DEDCBA
83.3%	83.3% #E6E3BF	RGB 230 227 191	#E6E3BF
100.0%	100.0% #EFEAC3	RGB 239 234 195	#EFEAC3

#BCBDA8 #C4C5AD #CDCDB1 #D6D4B6 #DEDCBA #E6E3BF #EFEAC3

#BCBDA8 - #D6D4B6 - #EFEAC3

CSS codes

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

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