#B8ABCB - #E9E7F0 | 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 #B8ABCB to #E9E7F0

#B8ABCB #E9E7F0

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

#B8ABCB - #E9E7F0 | 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 #B8ABCB as 0% and #E9E7F0 as 100%.

0.0%	0.0% #B8ABCB	RGB 184 171 203	#B8ABCB
16.7%	16.7% #C0B5D1	RGB 192 181 209	#C0B5D1
33.3%	33.3% #C8BFD7	RGB 200 191 215	#C8BFD7
50.0%	50.0% #D0C9DD	RGB 208 201 221	#D0C9DD
66.7%	66.7% #D8D3E3	RGB 216 211 227	#D8D3E3
83.3%	83.3% #E0DDE9	RGB 224 221 233	#E0DDE9
100.0%	100.0% #E9E7F0	RGB 233 231 240	#E9E7F0

#B8ABCB #C0B5D1 #C8BFD7 #D0C9DD #D8D3E3 #E0DDE9 #E9E7F0

#B8ABCB - #E9E7F0

HSV Blend

#B8ABCB - #E9E7F0 | 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 #B8ABCB as 0% and #E9E7F0 as 100%.

0.0%	0.0% #B8ABCB	RGB 184 171 203	#B8ABCB
16.7%	16.7% #BFB4D1	RGB 191 180 209	#BFB4D1
33.3%	33.3% #C6BED7	RGB 198 190 215	#C6BED7
50.0%	50.0% #CEC7DD	RGB 206 199 221	#CEC7DD
66.7%	66.7% #D7D2E3	RGB 215 210 227	#D7D2E3
83.3%	83.3% #DFDCE9	RGB 223 220 233	#DFDCE9
100.0%	100.0% #E9E7F0	RGB 233 231 240	#E9E7F0

#B8ABCB #BFB4D1 #C6BED7 #CEC7DD #D7D2E3 #DFDCE9 #E9E7F0

#B8ABCB - #CEC7DD - #E9E7F0

CSS codes

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

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