#BF5E75 - #78172D | 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 #BF5E75 to #78172D

#BF5E75 #78172D

Calculate the color between two colors, #BF5E75 and #78172D. 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)

#BF5E75 - #78172D | 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 #BF5E75 as 0% and #78172D as 100%.

0.0%	0.0% #BF5E75	RGB 191 94 117	#BF5E75
16.7%	16.7% #B35269	RGB 179 82 105	#B35269
33.3%	33.3% #A7465D	RGB 167 70 93	#A7465D
50.0%	50.0% #9B3A51	RGB 155 58 81	#9B3A51
66.7%	66.7% #8F2E45	RGB 143 46 69	#8F2E45
83.3%	83.3% #832239	RGB 131 34 57	#832239
100.0%	100.0% #78172D	RGB 120 23 45	#78172D

#BF5E75 #B35269 #A7465D #9B3A51 #8F2E45 #832239 #78172D

#BF5E75 - #78172D

HSV Blend

#BF5E75 - #78172D | 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 #BF5E75 as 0% and #78172D as 100%.

0.0%	0.0% #BF5E75	RGB 191 94 117	#BF5E75
16.7%	16.7% #B34F66	RGB 179 79 102	#B34F66
33.3%	33.3% #A74159	RGB 167 65 89	#A74159
50.0%	50.0% #9B354C	RGB 155 53 76	#9B354C
66.7%	66.7% #8F2941	RGB 143 41 65	#8F2941
83.3%	83.3% #831F36	RGB 131 31 54	#831F36
100.0%	100.0% #78172D	RGB 120 23 45	#78172D

#BF5E75 #B34F66 #A74159 #9B354C #8F2941 #831F36 #78172D

#BF5E75 - #9B354C - #78172D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BF5E75 0%, #9B354C 50%, #78172D 100%);
    background: -webkit-linear-gradient(top, #BF5E75 0%, #9B354C 50%, #78172D 100%);
    background: linear-gradient(to bottom, #BF5E75 0%, #9B354C 50%, #78172D 100%);
}
</style>