#B8AFD9 - #EAE8F4 | 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 #B8AFD9 to #EAE8F4

#B8AFD9 #EAE8F4

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

#B8AFD9 - #EAE8F4 | 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 #B8AFD9 as 0% and #EAE8F4 as 100%.

0.0%	0.0% #B8AFD9	RGB 184 175 217	#B8AFD9
16.7%	16.7% #C0B8DD	RGB 192 184 221	#C0B8DD
33.3%	33.3% #C8C2E2	RGB 200 194 226	#C8C2E2
50.0%	50.0% #D1CBE6	RGB 209 203 230	#D1CBE6
66.7%	66.7% #D9D5EB	RGB 217 213 235	#D9D5EB
83.3%	83.3% #E1DEEF	RGB 225 222 239	#E1DEEF
100.0%	100.0% #EAE8F4	RGB 234 232 244	#EAE8F4

#B8AFD9 #C0B8DD #C8C2E2 #D1CBE6 #D9D5EB #E1DEEF #EAE8F4

#B8AFD9 - #EAE8F4

HSV Blend

#B8AFD9 - #EAE8F4 | 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 #B8AFD9 as 0% and #EAE8F4 as 100%.

0.0%	0.0% #B8AFD9	RGB 184 175 217	#B8AFD9
16.7%	16.7% #BFB7DD	RGB 191 183 221	#BFB7DD
33.3%	33.3% #C7C1E2	RGB 199 193 226	#C7C1E2
50.0%	50.0% #CFCAE6	RGB 207 202 230	#CFCAE6
66.7%	66.7% #D8D4EB	RGB 216 212 235	#D8D4EB
83.3%	83.3% #E1DDEF	RGB 225 221 239	#E1DDEF
100.0%	100.0% #EAE8F4	RGB 234 232 244	#EAE8F4

#B8AFD9 #BFB7DD #C7C1E2 #CFCAE6 #D8D4EB #E1DDEF #EAE8F4

#B8AFD9 - #CFCAE6 - #EAE8F4

CSS codes

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

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