#BD5A8B - #ECCFDD | 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 #BD5A8B to #ECCFDD

#BD5A8B #ECCFDD

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

#BD5A8B - #ECCFDD | 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 #BD5A8B as 0% and #ECCFDD as 100%.

0.0%	0.0% #BD5A8B	RGB 189 90 139	#BD5A8B
16.7%	16.7% #C46D98	RGB 196 109 152	#C46D98
33.3%	33.3% #CC81A6	RGB 204 129 166	#CC81A6
50.0%	50.0% #D494B4	RGB 212 148 180	#D494B4
66.7%	66.7% #DCA8C1	RGB 220 168 193	#DCA8C1
83.3%	83.3% #E4BBCF	RGB 228 187 207	#E4BBCF
100.0%	100.0% #ECCFDD	RGB 236 207 221	#ECCFDD

#BD5A8B #C46D98 #CC81A6 #D494B4 #DCA8C1 #E4BBCF #ECCFDD

#BD5A8B - #ECCFDD

HSV Blend

#BD5A8B - #ECCFDD | 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 #BD5A8B as 0% and #ECCFDD as 100%.

0.0%	0.0% #BD5A8B	RGB 189 90 139	#BD5A8B
16.7%	16.7% #C46A97	RGB 196 106 151	#C46A97
33.3%	33.3% #CC7CA4	RGB 204 124 164	#CC7CA4
50.0%	50.0% #D48FB1	RGB 212 143 177	#D48FB1
66.7%	66.7% #DCA3BF	RGB 220 163 191	#DCA3BF
83.3%	83.3% #E4B8CD	RGB 228 184 205	#E4B8CD
100.0%	100.0% #ECCFDD	RGB 236 207 221	#ECCFDD

#BD5A8B #C46A97 #CC7CA4 #D48FB1 #DCA3BF #E4B8CD #ECCFDD

#BD5A8B - #D48FB1 - #ECCFDD

CSS codes

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

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