#BF4CAC - #ECCBE6 | 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 #BF4CAC to #ECCBE6

#BF4CAC #ECCBE6

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

#BF4CAC - #ECCBE6 | 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 #BF4CAC as 0% and #ECCBE6 as 100%.

0.0%	0.0% #BF4CAC	RGB 191 76 172	#BF4CAC
16.7%	16.7% #C661B5	RGB 198 97 181	#C661B5
33.3%	33.3% #CE76BF	RGB 206 118 191	#CE76BF
50.0%	50.0% #D58BC9	RGB 213 139 201	#D58BC9
66.7%	66.7% #DDA0D2	RGB 221 160 210	#DDA0D2
83.3%	83.3% #E4B5DC	RGB 228 181 220	#E4B5DC
100.0%	100.0% #ECCBE6	RGB 236 203 230	#ECCBE6

#BF4CAC #C661B5 #CE76BF #D58BC9 #DDA0D2 #E4B5DC #ECCBE6

#BF4CAC - #ECCBE6

HSV Blend

#BF4CAC - #ECCBE6 | 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 #BF4CAC as 0% and #ECCBE6 as 100%.

0.0%	0.0% #BF4CAB	RGB 191 76 171	#BF4CAB
16.7%	16.7% #C65EB4	RGB 198 94 180	#C65EB4
33.3%	33.3% #CE71BE	RGB 206 113 190	#CE71BE
50.0%	50.0% #D586C7	RGB 213 134 199	#D586C7
66.7%	66.7% #DD9CD1	RGB 221 156 209	#DD9CD1
83.3%	83.3% #E4B2DB	RGB 228 178 219	#E4B2DB
100.0%	100.0% #ECCBE6	RGB 236 203 230	#ECCBE6

#BF4CAB #C65EB4 #CE71BE #D586C7 #DD9CD1 #E4B2DB #ECCBE6

#BF4CAC - #D586C7 - #ECCBE6

CSS codes

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

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