#B8BBC2 - #E3DDCC | 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 #B8BBC2 to #E3DDCC

#B8BBC2 #E3DDCC

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

#B8BBC2 - #E3DDCC | 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 #B8BBC2 as 0% and #E3DDCC as 100%.

0.0%	0.0% #B8BBC2	RGB 184 187 194	#B8BBC2
16.7%	16.7% #BFC0C3	RGB 191 192 195	#BFC0C3
33.3%	33.3% #C6C6C5	RGB 198 198 197	#C6C6C5
50.0%	50.0% #CDCCC7	RGB 205 204 199	#CDCCC7
66.7%	66.7% #D4D1C8	RGB 212 209 200	#D4D1C8
83.3%	83.3% #DBD7CA	RGB 219 215 202	#DBD7CA
100.0%	100.0% #E3DDCC	RGB 227 221 204	#E3DDCC

#B8BBC2 #BFC0C3 #C6C6C5 #CDCCC7 #D4D1C8 #DBD7CA #E3DDCC

#B8BBC2 - #E3DDCC

HSV Blend

#B8BBC2 - #E3DDCC | 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 #B8BBC2 as 0% and #E3DDCC as 100%.

0.0%	0.0% #B8BBC2	RGB 184 187 194	#B8BBC2
16.7%	16.7% #BBC5C7	RGB 187 197 199	#BBC5C7
33.3%	33.3% #BFCDC8	RGB 191 205 200	#BFCDC8
50.0%	50.0% #C2D2C5	RGB 194 210 197	#C2D2C5
66.7%	66.7% #CAD8C5	RGB 202 216 197	#CAD8C5
83.3%	83.3% #D8DDC8	RGB 216 221 200	#D8DDC8
100.0%	100.0% #E3DDCC	RGB 227 221 204	#E3DDCC

#B8BBC2 #BBC5C7 #BFCDC8 #C2D2C5 #CAD8C5 #D8DDC8 #E3DDCC

#B8BBC2 - #C2D2C5 - #E3DDCC

CSS codes

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

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