#B9AAC2 - #EAE6ED | 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 #B9AAC2 to #EAE6ED

#B9AAC2 #EAE6ED

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

#B9AAC2 - #EAE6ED | 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 #B9AAC2 as 0% and #EAE6ED as 100%.

0.0%	0.0% #B9AAC2	RGB 185 170 194	#B9AAC2
16.7%	16.7% #C1B4C9	RGB 193 180 201	#C1B4C9
33.3%	33.3% #C9BED0	RGB 201 190 208	#C9BED0
50.0%	50.0% #D1C8D7	RGB 209 200 215	#D1C8D7
66.7%	66.7% #D9D2DE	RGB 217 210 222	#D9D2DE
83.3%	83.3% #E1DCE5	RGB 225 220 229	#E1DCE5
100.0%	100.0% #EAE6ED	RGB 234 230 237	#EAE6ED

#B9AAC2 #C1B4C9 #C9BED0 #D1C8D7 #D9D2DE #E1DCE5 #EAE6ED

#B9AAC2 - #EAE6ED

HSV Blend

#B9AAC2 - #EAE6ED | 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 #B9AAC2 as 0% and #EAE6ED as 100%.

0.0%	0.0% #B9AAC2	RGB 185 170 194	#B9AAC2
16.7%	16.7% #C0B3C9	RGB 192 179 201	#C0B3C9
33.3%	33.3% #C8BDD0	RGB 200 189 208	#C8BDD0
50.0%	50.0% #D0C6D7	RGB 208 198 215	#D0C6D7
66.7%	66.7% #D9D1DE	RGB 217 209 222	#D9D1DE
83.3%	83.3% #E1DBE5	RGB 225 219 229	#E1DBE5
100.0%	100.0% #EAE6ED	RGB 234 230 237	#EAE6ED

#B9AAC2 #C0B3C9 #C8BDD0 #D0C6D7 #D9D1DE #E1DBE5 #EAE6ED

#B9AAC2 - #D0C6D7 - #EAE6ED

CSS codes

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

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