#E9DCEC - #BA8ECC | 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 #E9DCEC to #BA8ECC

#E9DCEC #BA8ECC

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

#E9DCEC - #BA8ECC | 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 #E9DCEC as 0% and #BA8ECC as 100%.

0.0%	0.0% #E9DCEC	RGB 233 220 236	#E9DCEC
16.7%	16.7% #E1CFE6	RGB 225 207 230	#E1CFE6
33.3%	33.3% #D9C2E1	RGB 217 194 225	#D9C2E1
50.0%	50.0% #D1B5DC	RGB 209 181 220	#D1B5DC
66.7%	66.7% #C9A8D6	RGB 201 168 214	#C9A8D6
83.3%	83.3% #C19BD1	RGB 193 155 209	#C19BD1
100.0%	100.0% #BA8ECC	RGB 186 142 204	#BA8ECC

#E9DCEC #E1CFE6 #D9C2E1 #D1B5DC #C9A8D6 #C19BD1 #BA8ECC

#E9DCEC - #BA8ECC

HSV Blend

#E9DCEC - #BA8ECC | 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 #E9DCEC as 0% and #BA8ECC as 100%.

0.0%	0.0% #E9DCEC	RGB 233 220 236	#E9DCEC
16.7%	16.7% #E1CDE6	RGB 225 205 230	#E1CDE6
33.3%	33.3% #DAC0E1	RGB 218 192 225	#DAC0E1
50.0%	50.0% #D2B3DC	RGB 210 179 220	#D2B3DC
66.7%	66.7% #CAA6D6	RGB 202 166 214	#CAA6D6
83.3%	83.3% #C299D1	RGB 194 153 209	#C299D1
100.0%	100.0% #BA8ECC	RGB 186 142 204	#BA8ECC

#E9DCEC #E1CDE6 #DAC0E1 #D2B3DC #CAA6D6 #C299D1 #BA8ECC

#E9DCEC - #D2B3DC - #BA8ECC

CSS codes

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

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