#BDC2B0 - #EEEBC5 | 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 #BDC2B0 to #EEEBC5

#BDC2B0 #EEEBC5

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

#BDC2B0 - #EEEBC5 | 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 #BDC2B0 as 0% and #EEEBC5 as 100%.

0.0%	0.0% #BDC2B0	RGB 189 194 176	#BDC2B0
16.7%	16.7% #C5C8B3	RGB 197 200 179	#C5C8B3
33.3%	33.3% #CDCFB7	RGB 205 207 183	#CDCFB7
50.0%	50.0% #D5D6BA	RGB 213 214 186	#D5D6BA
66.7%	66.7% #DDDDBE	RGB 221 221 190	#DDDDBE
83.3%	83.3% #E5E4C1	RGB 229 228 193	#E5E4C1
100.0%	100.0% #EEEBC5	RGB 238 235 197	#EEEBC5

#BDC2B0 #C5C8B3 #CDCFB7 #D5D6BA #DDDDBE #E5E4C1 #EEEBC5

#BDC2B0 - #EEEBC5

HSV Blend

#BDC2B0 - #EEEBC5 | 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 #BDC2B0 as 0% and #EEEBC5 as 100%.

0.0%	0.0% #BDC2B0	RGB 189 194 176	#BDC2B0
16.7%	16.7% #C4C9B3	RGB 196 201 179	#C4C9B3
33.3%	33.3% #CCD0B7	RGB 204 208 183	#CCD0B7
50.0%	50.0% #D5D8BB	RGB 213 216 187	#D5D8BB
66.7%	66.7% #DDDFBE	RGB 221 223 190	#DDDFBE
83.3%	83.3% #E6E6C1	RGB 230 230 193	#E6E6C1
100.0%	100.0% #EEEBC5	RGB 238 235 197	#EEEBC5

#BDC2B0 #C4C9B3 #CCD0B7 #D5D8BB #DDDFBE #E6E6C1 #EEEBC5

#BDC2B0 - #D5D8BB - #EEEBC5

CSS codes

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

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