#BAAFD6 - #EBE8F3 | 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 #BAAFD6 to #EBE8F3

#BAAFD6 #EBE8F3

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

#BAAFD6 - #EBE8F3 | 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 #BAAFD6 as 0% and #EBE8F3 as 100%.

0.0%	0.0% #BAAFD6	RGB 186 175 214	#BAAFD6
16.7%	16.7% #C2B8DA	RGB 194 184 218	#C2B8DA
33.3%	33.3% #CAC2DF	RGB 202 194 223	#CAC2DF
50.0%	50.0% #D2CBE4	RGB 210 203 228	#D2CBE4
66.7%	66.7% #DAD5E9	RGB 218 213 233	#DAD5E9
83.3%	83.3% #E2DEEE	RGB 226 222 238	#E2DEEE
100.0%	100.0% #EBE8F3	RGB 235 232 243	#EBE8F3

#BAAFD6 #C2B8DA #CAC2DF #D2CBE4 #DAD5E9 #E2DEEE #EBE8F3

#BAAFD6 - #EBE8F3

HSV Blend

#BAAFD6 - #EBE8F3 | 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 #BAAFD6 as 0% and #EBE8F3 as 100%.

0.0%	0.0% #BAAFD6	RGB 186 175 214	#BAAFD6
16.7%	16.7% #C1B7DA	RGB 193 183 218	#C1B7DA
33.3%	33.3% #C9C1DF	RGB 201 193 223	#C9C1DF
50.0%	50.0% #D1CAE4	RGB 209 202 228	#D1CAE4
66.7%	66.7% #D9D4E9	RGB 217 212 233	#D9D4E9
83.3%	83.3% #E2DDEE	RGB 226 221 238	#E2DDEE
100.0%	100.0% #EBE8F3	RGB 235 232 243	#EBE8F3

#BAAFD6 #C1B7DA #C9C1DF #D1CAE4 #D9D4E9 #E2DDEE #EBE8F3

#BAAFD6 - #D1CAE4 - #EBE8F3

CSS codes

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

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