#BD5E97 - #ECD1E2 | 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 #BD5E97 to #ECD1E2

#BD5E97 #ECD1E2

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

#BD5E97 - #ECD1E2 | 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 #BD5E97 as 0% and #ECD1E2 as 100%.

0.0%	0.0% #BD5E97	RGB 189 94 151	#BD5E97
16.7%	16.7% #C471A3	RGB 196 113 163	#C471A3
33.3%	33.3% #CC84B0	RGB 204 132 176	#CC84B0
50.0%	50.0% #D497BC	RGB 212 151 188	#D497BC
66.7%	66.7% #DCAAC9	RGB 220 170 201	#DCAAC9
83.3%	83.3% #E4BDD5	RGB 228 189 213	#E4BDD5
100.0%	100.0% #ECD1E2	RGB 236 209 226	#ECD1E2

#BD5E97 #C471A3 #CC84B0 #D497BC #DCAAC9 #E4BDD5 #ECD1E2

#BD5E97 - #ECD1E2

HSV Blend

#BD5E97 - #ECD1E2 | 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 #BD5E97 as 0% and #ECD1E2 as 100%.

0.0%	0.0% #BD5E97	RGB 189 94 151	#BD5E97
16.7%	16.7% #C46EA2	RGB 196 110 162	#C46EA2
33.3%	33.3% #CC80AE	RGB 204 128 174	#CC80AE
50.0%	50.0% #D492BB	RGB 212 146 187	#D492BB
66.7%	66.7% #DCA6C7	RGB 220 166 199	#DCA6C7
83.3%	83.3% #E4BBD4	RGB 228 187 212	#E4BBD4
100.0%	100.0% #ECD1E2	RGB 236 209 226	#ECD1E2

#BD5E97 #C46EA2 #CC80AE #D492BB #DCA6C7 #E4BBD4 #ECD1E2

#BD5E97 - #D492BB - #ECD1E2

CSS codes

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

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