#B0AECB - #E7E7F0 | 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 #B0AECB to #E7E7F0

#B0AECB #E7E7F0

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

#B0AECB - #E7E7F0 | 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 #B0AECB as 0% and #E7E7F0 as 100%.

0.0%	0.0% #B0AECB	RGB 176 174 203	#B0AECB
16.7%	16.7% #B9B7D1	RGB 185 183 209	#B9B7D1
33.3%	33.3% #C2C1D7	RGB 194 193 215	#C2C1D7
50.0%	50.0% #CBCADD	RGB 203 202 221	#CBCADD
66.7%	66.7% #D4D4E3	RGB 212 212 227	#D4D4E3
83.3%	83.3% #DDDDE9	RGB 221 221 233	#DDDDE9
100.0%	100.0% #E7E7F0	RGB 231 231 240	#E7E7F0

#B0AECB #B9B7D1 #C2C1D7 #CBCADD #D4D4E3 #DDDDE9 #E7E7F0

#B0AECB - #E7E7F0

HSV Blend

#B0AECB - #E7E7F0 | 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 #B0AECB as 0% and #E7E7F0 as 100%.

0.0%	0.0% #B0AECB	RGB 176 174 203	#B0AECB
16.7%	16.7% #B8B6D1	RGB 184 182 209	#B8B6D1
33.3%	33.3% #C1C0D7	RGB 193 192 215	#C1C0D7
50.0%	50.0% #CAC9DD	RGB 202 201 221	#CAC9DD
66.7%	66.7% #D3D3E3	RGB 211 211 227	#D3D3E3
83.3%	83.3% #DDDCE9	RGB 221 220 233	#DDDCE9
100.0%	100.0% #E7E7F0	RGB 231 231 240	#E7E7F0

#B0AECB #B8B6D1 #C1C0D7 #CAC9DD #D3D3E3 #DDDCE9 #E7E7F0

#B0AECB - #CAC9DD - #E7E7F0

CSS codes

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

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