#B6BBC4 - #E3DDCD | 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 #B6BBC4 to #E3DDCD

#B6BBC4 #E3DDCD

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

#B6BBC4 - #E3DDCD | 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 #B6BBC4 as 0% and #E3DDCD as 100%.

0.0%	0.0% #B6BBC4	RGB 182 187 196	#B6BBC4
16.7%	16.7% #BDC0C5	RGB 189 192 197	#BDC0C5
33.3%	33.3% #C5C6C7	RGB 197 198 199	#C5C6C7
50.0%	50.0% #CCCCC8	RGB 204 204 200	#CCCCC8
66.7%	66.7% #D4D1CA	RGB 212 209 202	#D4D1CA
83.3%	83.3% #DBD7CB	RGB 219 215 203	#DBD7CB
100.0%	100.0% #E3DDCD	RGB 227 221 205	#E3DDCD

#B6BBC4 #BDC0C5 #C5C6C7 #CCCCC8 #D4D1CA #DBD7CB #E3DDCD

#B6BBC4 - #E3DDCD

HSV Blend

#B6BBC4 - #E3DDCD | 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 #B6BBC4 as 0% and #E3DDCD as 100%.

0.0%	0.0% #B6BBC4	RGB 182 187 196	#B6BBC4
16.7%	16.7% #B9C6C9	RGB 185 198 201	#B9C6C9
33.3%	33.3% #BDCEC8	RGB 189 206 200	#BDCEC8
50.0%	50.0% #C1D3C4	RGB 193 211 196	#C1D3C4
66.7%	66.7% #CBD8C5	RGB 203 216 197	#CBD8C5
83.3%	83.3% #D9DDC9	RGB 217 221 201	#D9DDC9
100.0%	100.0% #E3DDCD	RGB 227 221 205	#E3DDCD

#B6BBC4 #B9C6C9 #BDCEC8 #C1D3C4 #CBD8C5 #D9DDC9 #E3DDCD

#B6BBC4 - #C1D3C4 - #E3DDCD

CSS codes

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

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