#B9A2AA - #EBE4E5 | 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 #B9A2AA to #EBE4E5

#B9A2AA #EBE4E5

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

#B9A2AA - #EBE4E5 | 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 #B9A2AA as 0% and #EBE4E5 as 100%.

0.0%	0.0% #B9A2AA	RGB 185 162 170	#B9A2AA
16.7%	16.7% #C1ADB3	RGB 193 173 179	#C1ADB3
33.3%	33.3% #C9B8BD	RGB 201 184 189	#C9B8BD
50.0%	50.0% #D2C3C7	RGB 210 195 199	#D2C3C7
66.7%	66.7% #DACED1	RGB 218 206 209	#DACED1
83.3%	83.3% #E2D9DB	RGB 226 217 219	#E2D9DB
100.0%	100.0% #EBE4E5	RGB 235 228 229	#EBE4E5

#B9A2AA #C1ADB3 #C9B8BD #D2C3C7 #DACED1 #E2D9DB #EBE4E5

#B9A2AA - #EBE4E5

HSV Blend

#B9A2AA - #EBE4E5 | 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 #B9A2AA as 0% and #EBE4E5 as 100%.

0.0%	0.0% #B9A2AA	RGB 185 162 170	#B9A2AA
16.7%	16.7% #C1ACB2	RGB 193 172 178	#C1ACB2
33.3%	33.3% #C9B6BC	RGB 201 182 188	#C9B6BC
50.0%	50.0% #D2C1C5	RGB 210 193 197	#D2C1C5
66.7%	66.7% #DACCCF	RGB 218 204 207	#DACCCF
83.3%	83.3% #E2D8DA	RGB 226 216 218	#E2D8DA
100.0%	100.0% #EBE4E5	RGB 235 228 229	#EBE4E5

#B9A2AA #C1ACB2 #C9B6BC #D2C1C5 #DACCCF #E2D8DA #EBE4E5

#B9A2AA - #D2C1C5 - #EBE4E5

CSS codes

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

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