#BD00B5 - #ECB6E9 | 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 #BD00B5 to #ECB6E9

#BD00B5 #ECB6E9

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

#BD00B5 - #ECB6E9 | 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 #BD00B5 as 0% and #ECB6E9 as 100%.

0.0%	0.0% #BD00B5	RGB 189 0 181	#BD00B5
16.7%	16.7% #C41EBD	RGB 196 30 189	#C41EBD
33.3%	33.3% #CC3CC6	RGB 204 60 198	#CC3CC6
50.0%	50.0% #D45BCF	RGB 212 91 207	#D45BCF
66.7%	66.7% #DC79D7	RGB 220 121 215	#DC79D7
83.3%	83.3% #E497E0	RGB 228 151 224	#E497E0
100.0%	100.0% #ECB6E9	RGB 236 182 233	#ECB6E9

#BD00B5 #C41EBD #CC3CC6 #D45BCF #DC79D7 #E497E0 #ECB6E9

#BD00B5 - #ECB6E9

HSV Blend

#BD00B5 - #ECB6E9 | 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 #BD00B5 as 0% and #ECB6E9 as 100%.

0.0%	0.0% #BD00B5	RGB 189 0 181	#BD00B5
16.7%	16.7% #C419BD	RGB 196 25 189	#C419BD
33.3%	33.3% #CC34C5	RGB 204 52 197	#CC34C5
50.0%	50.0% #D451CE	RGB 212 81 206	#D451CE
66.7%	66.7% #DC71D6	RGB 220 113 214	#DC71D6
83.3%	83.3% #E492DF	RGB 228 146 223	#E492DF
100.0%	100.0% #ECB6E9	RGB 236 182 233	#ECB6E9

#BD00B5 #C419BD #CC34C5 #D451CE #DC71D6 #E492DF #ECB6E9

#BD00B5 - #D451CE - #ECB6E9

CSS codes

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

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