#BA9FBE - #EBE3EC | 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 #BA9FBE to #EBE3EC

#BA9FBE #EBE3EC

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

#BA9FBE - #EBE3EC | 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 #BA9FBE as 0% and #EBE3EC as 100%.

0.0%	0.0% #BA9FBE	RGB 186 159 190	#BA9FBE
16.7%	16.7% #C2AAC5	RGB 194 170 197	#C2AAC5
33.3%	33.3% #CAB5CD	RGB 202 181 205	#CAB5CD
50.0%	50.0% #D2C1D5	RGB 210 193 213	#D2C1D5
66.7%	66.7% #DACCDC	RGB 218 204 220	#DACCDC
83.3%	83.3% #E2D7E4	RGB 226 215 228	#E2D7E4
100.0%	100.0% #EBE3EC	RGB 235 227 236	#EBE3EC

#BA9FBE #C2AAC5 #CAB5CD #D2C1D5 #DACCDC #E2D7E4 #EBE3EC

#BA9FBE - #EBE3EC

HSV Blend

#BA9FBE - #EBE3EC | 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 #BA9FBE as 0% and #EBE3EC as 100%.

0.0%	0.0% #BA9FBE	RGB 186 159 190	#BA9FBE
16.7%	16.7% #C2A9C5	RGB 194 169 197	#C2A9C5
33.3%	33.3% #CAB4CD	RGB 202 180 205	#CAB4CD
50.0%	50.0% #D2BFD5	RGB 210 191 213	#D2BFD5
66.7%	66.7% #DACBDC	RGB 218 203 220	#DACBDC
83.3%	83.3% #E2D6E4	RGB 226 214 228	#E2D6E4
100.0%	100.0% #EBE3EC	RGB 235 227 236	#EBE3EC

#BA9FBE #C2A9C5 #CAB4CD #D2BFD5 #DACBDC #E2D6E4 #EBE3EC

#BA9FBE - #D2BFD5 - #EBE3EC

CSS codes

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

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