#BA73A8 - #EBD7E6 | 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 #BA73A8 to #EBD7E6

#BA73A8 #EBD7E6

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

#BA73A8 - #EBD7E6 | 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 #BA73A8 as 0% and #EBD7E6 as 100%.

0.0%	0.0% #BA73A8	RGB 186 115 168	#BA73A8
16.7%	16.7% #C283B2	RGB 194 131 178	#C283B2
33.3%	33.3% #CA94BC	RGB 202 148 188	#CA94BC
50.0%	50.0% #D2A5C7	RGB 210 165 199	#D2A5C7
66.7%	66.7% #DAB5D1	RGB 218 181 209	#DAB5D1
83.3%	83.3% #E2C6DB	RGB 226 198 219	#E2C6DB
100.0%	100.0% #EBD7E6	RGB 235 215 230	#EBD7E6

#BA73A8 #C283B2 #CA94BC #D2A5C7 #DAB5D1 #E2C6DB #EBD7E6

#BA73A8 - #EBD7E6

HSV Blend

#BA73A8 - #EBD7E6 | 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 #BA73A8 as 0% and #EBD7E6 as 100%.

0.0%	0.0% #BA73A8	RGB 186 115 168	#BA73A8
16.7%	16.7% #C281B1	RGB 194 129 177	#C281B1
33.3%	33.3% #CA91BB	RGB 202 145 187	#CA91BB
50.0%	50.0% #D2A1C6	RGB 210 161 198	#D2A1C6
66.7%	66.7% #DAB2D0	RGB 218 178 208	#DAB2D0
83.3%	83.3% #E2C4DB	RGB 226 196 219	#E2C4DB
100.0%	100.0% #EBD7E6	RGB 235 215 230	#EBD7E6

#BA73A8 #C281B1 #CA91BB #D2A1C6 #DAB2D0 #E2C4DB #EBD7E6

#BA73A8 - #D2A1C6 - #EBD7E6

CSS codes

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

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