#BAB0E3 - #EBE8F7 | 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 #BAB0E3 to #EBE8F7

#BAB0E3 #EBE8F7

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

#BAB0E3 - #EBE8F7 | 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 #BAB0E3 as 0% and #EBE8F7 as 100%.

0.0%	0.0% #BAB0E3	RGB 186 176 227	#BAB0E3
16.7%	16.7% #C2B9E6	RGB 194 185 230	#C2B9E6
33.3%	33.3% #CAC2E9	RGB 202 194 233	#CAC2E9
50.0%	50.0% #D2CCED	RGB 210 204 237	#D2CCED
66.7%	66.7% #DAD5F0	RGB 218 213 240	#DAD5F0
83.3%	83.3% #E2DEF3	RGB 226 222 243	#E2DEF3
100.0%	100.0% #EBE8F7	RGB 235 232 247	#EBE8F7

#BAB0E3 #C2B9E6 #CAC2E9 #D2CCED #DAD5F0 #E2DEF3 #EBE8F7

#BAB0E3 - #EBE8F7

HSV Blend

#BAB0E3 - #EBE8F7 | 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 #BAB0E3 as 0% and #EBE8F7 as 100%.

0.0%	0.0% #BAB0E3	RGB 186 176 227	#BAB0E3
16.7%	16.7% #C1B8E6	RGB 193 184 230	#C1B8E6
33.3%	33.3% #C9C1E9	RGB 201 193 233	#C9C1E9
50.0%	50.0% #D1CBED	RGB 209 203 237	#D1CBED
66.7%	66.7% #DAD4F0	RGB 218 212 240	#DAD4F0
83.3%	83.3% #E2DEF3	RGB 226 222 243	#E2DEF3
100.0%	100.0% #EBE8F7	RGB 235 232 247	#EBE8F7

#BAB0E3 #C1B8E6 #C9C1E9 #D1CBED #DAD4F0 #E2DEF3 #EBE8F7

#BAB0E3 - #D1CBED - #EBE8F7

CSS codes

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

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