#BC4C3C - #FF6CC0 | 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 #BC4C3C to #FF6CC0

#BC4C3C #FF6CC0

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

#BC4C3C - #FF6CC0 | 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 #BC4C3C as 0% and #FF6CC0 as 100%.

0.0%	0.0% #BC4C3C	RGB 188 76 60	#BC4C3C
16.7%	16.7% #C75152	RGB 199 81 82	#C75152
33.3%	33.3% #D25668	RGB 210 86 104	#D25668
50.0%	50.0% #DD5C7E	RGB 221 92 126	#DD5C7E
66.7%	66.7% #E86194	RGB 232 97 148	#E86194
83.3%	83.3% #F366AA	RGB 243 102 170	#F366AA
100.0%	100.0% #FF6CC0	RGB 255 108 192	#FF6CC0

#BC4C3C #C75152 #D25668 #DD5C7E #E86194 #F366AA #FF6CC0

#BC4C3C - #FF6CC0

HSV Blend

#BC4C3C - #FF6CC0 | 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 #BC4C3C as 0% and #FF6CC0 as 100%.

0.0%	0.0% #BC4C3C	RGB 188 76 60	#BC4C3C
16.7%	16.7% #C74443	RGB 199 68 67	#C74443
33.3%	33.3% #D24A59	RGB 210 74 89	#D24A59
50.0%	50.0% #DD5271	RGB 221 82 113	#DD5271
66.7%	66.7% #E85A8A	RGB 232 90 138	#E85A8A
83.3%	83.3% #F363A4	RGB 243 99 164	#F363A4
100.0%	100.0% #FF6CC0	RGB 255 108 192	#FF6CC0

#BC4C3C #C74443 #D24A59 #DD5271 #E85A8A #F363A4 #FF6CC0

#BC4C3C - #DD5271 - #FF6CC0

CSS codes

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

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