#BA81A1 - #EBDBE3 | 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 #BA81A1 to #EBDBE3

#BA81A1 #EBDBE3

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

#BA81A1 - #EBDBE3 | 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 #BA81A1 as 0% and #EBDBE3 as 100%.

0.0%	0.0% #BA81A1	RGB 186 129 161	#BA81A1
16.7%	16.7% #C290AC	RGB 194 144 172	#C290AC
33.3%	33.3% #CA9FB7	RGB 202 159 183	#CA9FB7
50.0%	50.0% #D2AEC2	RGB 210 174 194	#D2AEC2
66.7%	66.7% #DABDCD	RGB 218 189 205	#DABDCD
83.3%	83.3% #E2CCD8	RGB 226 204 216	#E2CCD8
100.0%	100.0% #EBDBE3	RGB 235 219 227	#EBDBE3

#BA81A1 #C290AC #CA9FB7 #D2AEC2 #DABDCD #E2CCD8 #EBDBE3

#BA81A1 - #EBDBE3

HSV Blend

#BA81A1 - #EBDBE3 | 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 #BA81A1 as 0% and #EBDBE3 as 100%.

0.0%	0.0% #BA81A1	RGB 186 129 161	#BA81A1
16.7%	16.7% #C28EAA	RGB 194 142 170	#C28EAA
33.3%	33.3% #CA9CB5	RGB 202 156 181	#CA9CB5
50.0%	50.0% #D2ABC0	RGB 210 171 192	#D2ABC0
66.7%	66.7% #DABACB	RGB 218 186 203	#DABACB
83.3%	83.3% #E2CAD6	RGB 226 202 214	#E2CAD6
100.0%	100.0% #EBDBE3	RGB 235 219 227	#EBDBE3

#BA81A1 #C28EAA #CA9CB5 #D2ABC0 #DABACB #E2CAD6 #EBDBE3

#BA81A1 - #D2ABC0 - #EBDBE3

CSS codes

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

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