#B8A6AF - #EAE5E7 | 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 #B8A6AF to #EAE5E7

#B8A6AF #EAE5E7

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

#B8A6AF - #EAE5E7 | 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 #B8A6AF as 0% and #EAE5E7 as 100%.

0.0%	0.0% #B8A6AF	RGB 184 166 175	#B8A6AF
16.7%	16.7% #C0B0B8	RGB 192 176 184	#C0B0B8
33.3%	33.3% #C8BBC1	RGB 200 187 193	#C8BBC1
50.0%	50.0% #D1C5CB	RGB 209 197 203	#D1C5CB
66.7%	66.7% #D9D0D4	RGB 217 208 212	#D9D0D4
83.3%	83.3% #E1DADD	RGB 225 218 221	#E1DADD
100.0%	100.0% #EAE5E7	RGB 234 229 231	#EAE5E7

#B8A6AF #C0B0B8 #C8BBC1 #D1C5CB #D9D0D4 #E1DADD #EAE5E7

#B8A6AF - #EAE5E7

HSV Blend

#B8A6AF - #EAE5E7 | 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 #B8A6AF as 0% and #EAE5E7 as 100%.

0.0%	0.0% #B8A6AF	RGB 184 166 175	#B8A6AF
16.7%	16.7% #C0AFB7	RGB 192 175 183	#C0AFB7
33.3%	33.3% #C8BAC0	RGB 200 186 192	#C8BAC0
50.0%	50.0% #D1C4CA	RGB 209 196 202	#D1C4CA
66.7%	66.7% #D9CFD3	RGB 217 207 211	#D9CFD3
83.3%	83.3% #E1D9DD	RGB 225 217 221	#E1D9DD
100.0%	100.0% #EAE5E7	RGB 234 229 231	#EAE5E7

#B8A6AF #C0AFB7 #C8BAC0 #D1C4CA #D9CFD3 #E1D9DD #EAE5E7

#B8A6AF - #D1C4CA - #EAE5E7

CSS codes

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

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