#BC3E6B - #35111E | 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 #BC3E6B to #35111E

#BC3E6B #35111E

Calculate the color between two colors, #BC3E6B and #35111E. 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)

#BC3E6B - #35111E | 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 #BC3E6B as 0% and #35111E as 100%.

0.0%	0.0% #BC3E6B	RGB 188 62 107	#BC3E6B
16.7%	16.7% #A5365E	RGB 165 54 94	#A5365E
33.3%	33.3% #8F2F51	RGB 143 47 81	#8F2F51
50.0%	50.0% #782744	RGB 120 39 68	#782744
66.7%	66.7% #622037	RGB 98 32 55	#622037
83.3%	83.3% #4B182A	RGB 75 24 42	#4B182A
100.0%	100.0% #35111E	RGB 53 17 30	#35111E

#BC3E6B #A5365E #8F2F51 #782744 #622037 #4B182A #35111E

#BC3E6B - #35111E

HSV Blend

#BC3E6B - #35111E | 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 #BC3E6B as 0% and #35111E as 100%.

0.0%	0.0% #BC3E6B	RGB 188 62 107	#BC3E6B
16.7%	16.7% #A5365E	RGB 165 54 94	#A5365E
33.3%	33.3% #8F2E51	RGB 143 46 81	#8F2E51
50.0%	50.0% #782744	RGB 120 39 68	#782744
66.7%	66.7% #621F37	RGB 98 31 55	#621F37
83.3%	83.3% #4B182A	RGB 75 24 42	#4B182A
100.0%	100.0% #35111E	RGB 53 17 30	#35111E

#BC3E6B #A5365E #8F2E51 #782744 #621F37 #4B182A #35111E

#BC3E6B - #782744 - #35111E

CSS codes

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

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