#BD5EAE - #ECD1E7 | 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 #BD5EAE to #ECD1E7

#BD5EAE #ECD1E7

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

#BD5EAE - #ECD1E7 | 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 #BD5EAE as 0% and #ECD1E7 as 100%.

0.0%	0.0% #BD5EAE	RGB 189 94 174	#BD5EAE
16.7%	16.7% #C471B7	RGB 196 113 183	#C471B7
33.3%	33.3% #CC84C1	RGB 204 132 193	#CC84C1
50.0%	50.0% #D497CA	RGB 212 151 202	#D497CA
66.7%	66.7% #DCAAD4	RGB 220 170 212	#DCAAD4
83.3%	83.3% #E4BDDD	RGB 228 189 221	#E4BDDD
100.0%	100.0% #ECD1E7	RGB 236 209 231	#ECD1E7

#BD5EAE #C471B7 #CC84C1 #D497CA #DCAAD4 #E4BDDD #ECD1E7

#BD5EAE - #ECD1E7

HSV Blend

#BD5EAE - #ECD1E7 | 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 #BD5EAE as 0% and #ECD1E7 as 100%.

0.0%	0.0% #BD5EAE	RGB 189 94 174	#BD5EAE
16.7%	16.7% #C46EB6	RGB 196 110 182	#C46EB6
33.3%	33.3% #CC80BF	RGB 204 128 191	#CC80BF
50.0%	50.0% #D492C9	RGB 212 146 201	#D492C9
66.7%	66.7% #DCA6D2	RGB 220 166 210	#DCA6D2
83.3%	83.3% #E4BBDC	RGB 228 187 220	#E4BBDC
100.0%	100.0% #ECD1E7	RGB 236 209 231	#ECD1E7

#BD5EAE #C46EB6 #CC80BF #D492C9 #DCA6D2 #E4BBDC #ECD1E7

#BD5EAE - #D492C9 - #ECD1E7

CSS codes

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

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