#BD0DBE - #ECB9EC | 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 #BD0DBE to #ECB9EC

#BD0DBE #ECB9EC

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

#BD0DBE - #ECB9EC | 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 #BD0DBE as 0% and #ECB9EC as 100%.

0.0%	0.0% #BD0DBE	RGB 189 13 190	#BD0DBE
16.7%	16.7% #C429C5	RGB 196 41 197	#C429C5
33.3%	33.3% #CC46CD	RGB 204 70 205	#CC46CD
50.0%	50.0% #D463D5	RGB 212 99 213	#D463D5
66.7%	66.7% #DC7FDC	RGB 220 127 220	#DC7FDC
83.3%	83.3% #E49CE4	RGB 228 156 228	#E49CE4
100.0%	100.0% #ECB9EC	RGB 236 185 236	#ECB9EC

#BD0DBE #C429C5 #CC46CD #D463D5 #DC7FDC #E49CE4 #ECB9EC

#BD0DBE - #ECB9EC

HSV Blend

#BD0DBE - #ECB9EC | 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 #BD0DBE as 0% and #ECB9EC as 100%.

0.0%	0.0% #BD0DBE	RGB 189 13 190	#BD0DBE
16.7%	16.7% #C425C5	RGB 196 37 197	#C425C5
33.3%	33.3% #CC3FCD	RGB 204 63 205	#CC3FCD
50.0%	50.0% #D45AD5	RGB 212 90 213	#D45AD5
66.7%	66.7% #DC78DC	RGB 220 120 220	#DC78DC
83.3%	83.3% #E497E4	RGB 228 151 228	#E497E4
100.0%	100.0% #ECB9EC	RGB 236 185 236	#ECB9EC

#BD0DBE #C425C5 #CC3FCD #D45AD5 #DC78DC #E497E4 #ECB9EC

#BD0DBE - #D45AD5 - #ECB9EC

CSS codes

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

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