#BA7E9B - #EBDAE2 | 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 #BA7E9B to #EBDAE2

#BA7E9B #EBDAE2

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

#BA7E9B - #EBDAE2 | 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 #BA7E9B as 0% and #EBDAE2 as 100%.

0.0%	0.0% #BA7E9B	RGB 186 126 155	#BA7E9B
16.7%	16.7% #C28DA6	RGB 194 141 166	#C28DA6
33.3%	33.3% #CA9CB2	RGB 202 156 178	#CA9CB2
50.0%	50.0% #D2ACBE	RGB 210 172 190	#D2ACBE
66.7%	66.7% #DABBCA	RGB 218 187 202	#DABBCA
83.3%	83.3% #E2CAD6	RGB 226 202 214	#E2CAD6
100.0%	100.0% #EBDAE2	RGB 235 218 226	#EBDAE2

#BA7E9B #C28DA6 #CA9CB2 #D2ACBE #DABBCA #E2CAD6 #EBDAE2

#BA7E9B - #EBDAE2

HSV Blend

#BA7E9B - #EBDAE2 | 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 #BA7E9B as 0% and #EBDAE2 as 100%.

0.0%	0.0% #BA7E9B	RGB 186 126 155	#BA7E9B
16.7%	16.7% #C28BA5	RGB 194 139 165	#C28BA5
33.3%	33.3% #CA99B1	RGB 202 153 177	#CA99B1
50.0%	50.0% #D2A8BC	RGB 210 168 188	#D2A8BC
66.7%	66.7% #DAB8C8	RGB 218 184 200	#DAB8C8
83.3%	83.3% #E2C8D5	RGB 226 200 213	#E2C8D5
100.0%	100.0% #EBDAE2	RGB 235 218 226	#EBDAE2

#BA7E9B #C28BA5 #CA99B1 #D2A8BC #DAB8C8 #E2C8D5 #EBDAE2

#BA7E9B - #D2A8BC - #EBDAE2

CSS codes

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

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