#BA5E8B - #EBD1DD | 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 #BA5E8B to #EBD1DD

#BA5E8B #EBD1DD

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

#BA5E8B - #EBD1DD | 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 #BA5E8B as 0% and #EBD1DD as 100%.

0.0%	0.0% #BA5E8B	RGB 186 94 139	#BA5E8B
16.7%	16.7% #C27198	RGB 194 113 152	#C27198
33.3%	33.3% #CA84A6	RGB 202 132 166	#CA84A6
50.0%	50.0% #D297B4	RGB 210 151 180	#D297B4
66.7%	66.7% #DAAAC1	RGB 218 170 193	#DAAAC1
83.3%	83.3% #E2BDCF	RGB 226 189 207	#E2BDCF
100.0%	100.0% #EBD1DD	RGB 235 209 221	#EBD1DD

#BA5E8B #C27198 #CA84A6 #D297B4 #DAAAC1 #E2BDCF #EBD1DD

#BA5E8B - #EBD1DD

HSV Blend

#BA5E8B - #EBD1DD | 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 #BA5E8B as 0% and #EBD1DD as 100%.

0.0%	0.0% #BA5E8B	RGB 186 94 139	#BA5E8B
16.7%	16.7% #C26E97	RGB 194 110 151	#C26E97
33.3%	33.3% #CA80A3	RGB 202 128 163	#CA80A3
50.0%	50.0% #D292B1	RGB 210 146 177	#D292B1
66.7%	66.7% #DAA6BF	RGB 218 166 191	#DAA6BF
83.3%	83.3% #E2BBCD	RGB 226 187 205	#E2BBCD
100.0%	100.0% #EBD1DD	RGB 235 209 221	#EBD1DD

#BA5E8B #C26E97 #CA80A3 #D292B1 #DAA6BF #E2BBCD #EBD1DD

#BA5E8B - #D292B1 - #EBD1DD

CSS codes

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

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