#BAACB2 - #EBE7E7 | 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 #BAACB2 to #EBE7E7

#BAACB2 #EBE7E7

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

#BAACB2 - #EBE7E7 | 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 #BAACB2 as 0% and #EBE7E7 as 100%.

0.0%	0.0% #BAACB2	RGB 186 172 178	#BAACB2
16.7%	16.7% #C2B5BA	RGB 194 181 186	#C2B5BA
33.3%	33.3% #CABFC3	RGB 202 191 195	#CABFC3
50.0%	50.0% #D2C9CC	RGB 210 201 204	#D2C9CC
66.7%	66.7% #DAD3D5	RGB 218 211 213	#DAD3D5
83.3%	83.3% #E2DDDE	RGB 226 221 222	#E2DDDE
100.0%	100.0% #EBE7E7	RGB 235 231 231	#EBE7E7

#BAACB2 #C2B5BA #CABFC3 #D2C9CC #DAD3D5 #E2DDDE #EBE7E7

#BAACB2 - #EBE7E7

HSV Blend

#BAACB2 - #EBE7E7 | 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 #BAACB2 as 0% and #EBE7E7 as 100%.

0.0%	0.0% #BAACB2	RGB 186 172 178	#BAACB2
16.7%	16.7% #C2B5B9	RGB 194 181 185	#C2B5B9
33.3%	33.3% #CABFC2	RGB 202 191 194	#CABFC2
50.0%	50.0% #D2C8CA	RGB 210 200 202	#D2C8CA
66.7%	66.7% #DAD2D3	RGB 218 210 211	#DAD2D3
83.3%	83.3% #E2DCDD	RGB 226 220 221	#E2DCDD
100.0%	100.0% #EBE7E7	RGB 235 231 231	#EBE7E7

#BAACB2 #C2B5B9 #CABFC2 #D2C8CA #DAD2D3 #E2DCDD #EBE7E7

#BAACB2 - #D2C8CA - #EBE7E7

CSS codes

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

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