#BC3E6C - #FF6ECC | 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 #BC3E6C to #FF6ECC

#BC3E6C #FF6ECC

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

#BC3E6C - #FF6ECC | 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 #BC3E6C as 0% and #FF6ECC as 100%.

0.0%	0.0% #BC3E6C	RGB 188 62 108	#BC3E6C
16.7%	16.7% #C7467C	RGB 199 70 124	#C7467C
33.3%	33.3% #D24E8C	RGB 210 78 140	#D24E8C
50.0%	50.0% #DD569C	RGB 221 86 156	#DD569C
66.7%	66.7% #E85EAC	RGB 232 94 172	#E85EAC
83.3%	83.3% #F366BC	RGB 243 102 188	#F366BC
100.0%	100.0% #FF6ECC	RGB 255 110 204	#FF6ECC

#BC3E6C #C7467C #D24E8C #DD569C #E85EAC #F366BC #FF6ECC

#BC3E6C - #FF6ECC

HSV Blend

#BC3E6C - #FF6ECC | 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 #BC3E6C as 0% and #FF6ECC as 100%.

0.0%	0.0% #BC3E6C	RGB 188 62 108	#BC3E6C
16.7%	16.7% #C7457A	RGB 199 69 122	#C7457A
33.3%	33.3% #D24C89	RGB 210 76 137	#D24C89
50.0%	50.0% #DD5499	RGB 221 84 153	#DD5499
66.7%	66.7% #E85CAA	RGB 232 92 170	#E85CAA
83.3%	83.3% #F365BA	RGB 243 101 186	#F365BA
100.0%	100.0% #FF6ECC	RGB 255 110 204	#FF6ECC

#BC3E6C #C7457A #D24C89 #DD5499 #E85CAA #F365BA #FF6ECC

#BC3E6C - #DD5499 - #FF6ECC

CSS codes

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

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