#BAACFF - #EAE7FF | 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 #BAACFF to #EAE7FF

#BAACFF #EAE7FF

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

#BAACFF - #EAE7FF | 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 #BAACFF as 0% and #EAE7FF as 100%.

0.0%	0.0% #BAACFF	RGB 186 172 255	#BAACFF
16.7%	16.7% #C2B5FF	RGB 194 181 255	#C2B5FF
33.3%	33.3% #CABFFF	RGB 202 191 255	#CABFFF
50.0%	50.0% #D2C9FF	RGB 210 201 255	#D2C9FF
66.7%	66.7% #DAD3FF	RGB 218 211 255	#DAD3FF
83.3%	83.3% #E2DDFF	RGB 226 221 255	#E2DDFF
100.0%	100.0% #EAE7FF	RGB 234 231 255	#EAE7FF

#BAACFF #C2B5FF #CABFFF #D2C9FF #DAD3FF #E2DDFF #EAE7FF

#BAACFF - #EAE7FF

HSV Blend

#BAACFF - #EAE7FF | 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 #BAACFF as 0% and #EAE7FF as 100%.

0.0%	0.0% #B9ACFF	RGB 185 172 255	#B9ACFF
16.7%	16.7% #C1B5FF	RGB 193 181 255	#C1B5FF
33.3%	33.3% #C9BFFF	RGB 201 191 255	#C9BFFF
50.0%	50.0% #D1C9FF	RGB 209 201 255	#D1C9FF
66.7%	66.7% #D9D3FF	RGB 217 211 255	#D9D3FF
83.3%	83.3% #E1DDFF	RGB 225 221 255	#E1DDFF
100.0%	100.0% #EAE7FF	RGB 234 231 255	#EAE7FF

#B9ACFF #C1B5FF #C9BFFF #D1C9FF #D9D3FF #E1DDFF #EAE7FF

#BAACFF - #D1C9FF - #EAE7FF

CSS codes

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

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