#BD3C83 - #ECC7DB | 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 #BD3C83 to #ECC7DB

#BD3C83 #ECC7DB

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

#BD3C83 - #ECC7DB | 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 #BD3C83 as 0% and #ECC7DB as 100%.

0.0%	0.0% #BD3C83	RGB 189 60 131	#BD3C83
16.7%	16.7% #C45391	RGB 196 83 145	#C45391
33.3%	33.3% #CC6AA0	RGB 204 106 160	#CC6AA0
50.0%	50.0% #D481AF	RGB 212 129 175	#D481AF
66.7%	66.7% #DC98BD	RGB 220 152 189	#DC98BD
83.3%	83.3% #E4AFCC	RGB 228 175 204	#E4AFCC
100.0%	100.0% #ECC7DB	RGB 236 199 219	#ECC7DB

#BD3C83 #C45391 #CC6AA0 #D481AF #DC98BD #E4AFCC #ECC7DB

#BD3C83 - #ECC7DB

HSV Blend

#BD3C83 - #ECC7DB | 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 #BD3C83 as 0% and #ECC7DB as 100%.

0.0%	0.0% #BD3C82	RGB 189 60 130	#BD3C82
16.7%	16.7% #C44F8F	RGB 196 79 143	#C44F8F
33.3%	33.3% #CC649D	RGB 204 100 157	#CC649D
50.0%	50.0% #D47BAB	RGB 212 123 171	#D47BAB
66.7%	66.7% #DC93BA	RGB 220 147 186	#DC93BA
83.3%	83.3% #E4ACCA	RGB 228 172 202	#E4ACCA
100.0%	100.0% #ECC7DB	RGB 236 199 219	#ECC7DB

#BD3C82 #C44F8F #CC649D #D47BAB #DC93BA #E4ACCA #ECC7DB

#BD3C83 - #D47BAB - #ECC7DB

CSS codes

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

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