#B0C4C5 - #E2D0CE | 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 #B0C4C5 to #E2D0CE

#B0C4C5 #E2D0CE

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

#B0C4C5 - #E2D0CE | 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 #B0C4C5 as 0% and #E2D0CE as 100%.

0.0%	0.0% #B0C4C5	RGB 176 196 197	#B0C4C5
16.7%	16.7% #B8C6C6	RGB 184 198 198	#B8C6C6
33.3%	33.3% #C0C8C8	RGB 192 200 200	#C0C8C8
50.0%	50.0% #C9CAC9	RGB 201 202 201	#C9CAC9
66.7%	66.7% #D1CCCB	RGB 209 204 203	#D1CCCB
83.3%	83.3% #D9CECC	RGB 217 206 204	#D9CECC
100.0%	100.0% #E2D0CE	RGB 226 208 206	#E2D0CE

#B0C4C5 #B8C6C6 #C0C8C8 #C9CAC9 #D1CCCB #D9CECC #E2D0CE

#B0C4C5 - #E2D0CE

HSV Blend

#B0C4C5 - #E2D0CE | 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 #B0C4C5 as 0% and #E2D0CE as 100%.

0.0%	0.0% #B0C4C5	RGB 176 196 197	#B0C4C5
16.7%	16.7% #B4C9C0	RGB 180 201 192	#B4C9C0
33.3%	33.3% #B9CEBB	RGB 185 206 187	#B9CEBB
50.0%	50.0% #C7D3BE	RGB 199 211 190	#C7D3BE
66.7%	66.7% #D6D8C3	RGB 214 216 195	#D6D8C3
83.3%	83.3% #DDD4C8	RGB 221 212 200	#DDD4C8
100.0%	100.0% #E2D0CE	RGB 226 208 206	#E2D0CE

#B0C4C5 #B4C9C0 #B9CEBB #C7D3BE #D6D8C3 #DDD4C8 #E2D0CE

#B0C4C5 - #C7D3BE - #E2D0CE

CSS codes

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

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