#B0CAC1 - #E2D2D5 | 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 #B0CAC1 to #E2D2D5

#B0CAC1 #E2D2D5

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

#B0CAC1 - #E2D2D5 | 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 #B0CAC1 as 0% and #E2D2D5 as 100%.

0.0%	0.0% #B0CAC1	RGB 176 202 193	#B0CAC1
16.7%	16.7% #B8CBC4	RGB 184 203 196	#B8CBC4
33.3%	33.3% #C0CCC7	RGB 192 204 199	#C0CCC7
50.0%	50.0% #C9CECB	RGB 201 206 203	#C9CECB
66.7%	66.7% #D1CFCE	RGB 209 207 206	#D1CFCE
83.3%	83.3% #D9D0D1	RGB 217 208 209	#D9D0D1
100.0%	100.0% #E2D2D5	RGB 226 210 213	#E2D2D5

#B0CAC1 #B8CBC4 #C0CCC7 #C9CECB #D1CFCE #D9D0D1 #E2D2D5

#B0CAC1 - #E2D2D5

HSV Blend

#B0CAC1 - #E2D2D5 | 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 #B0CAC1 as 0% and #E2D2D5 as 100%.

0.0%	0.0% #B0CAC1	RGB 176 202 193	#B0CAC1
16.7%	16.7% #B5CEB9	RGB 181 206 185	#B5CEB9
33.3%	33.3% #C1D2BB	RGB 193 210 187	#C1D2BB
50.0%	50.0% #D1D6C0	RGB 209 214 192	#D1D6C0
66.7%	66.7% #DAD5C6	RGB 218 213 198	#DAD5C6
83.3%	83.3% #DED1CC	RGB 222 209 204	#DED1CC
100.0%	100.0% #E2D2D5	RGB 226 210 213	#E2D2D5

#B0CAC1 #B5CEB9 #C1D2BB #D1D6C0 #DAD5C6 #DED1CC #E2D2D5

#B0CAC1 - #D1D6C0 - #E2D2D5

CSS codes

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

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