#BF5E74 - #78182D | 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 #BF5E74 to #78182D

#BF5E74 #78182D

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

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

0.0%	0.0% #BF5E74	RGB 191 94 116	#BF5E74
16.7%	16.7% #B35268	RGB 179 82 104	#B35268
33.3%	33.3% #A7465C	RGB 167 70 92	#A7465C
50.0%	50.0% #9B3B50	RGB 155 59 80	#9B3B50
66.7%	66.7% #8F2F44	RGB 143 47 68	#8F2F44
83.3%	83.3% #832338	RGB 131 35 56	#832338
100.0%	100.0% #78182D	RGB 120 24 45	#78182D

#BF5E74 #B35268 #A7465C #9B3B50 #8F2F44 #832338 #78182D

#BF5E74 - #78182D

HSV Blend

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

0.0%	0.0% #BF5E73	RGB 191 94 115	#BF5E73
16.7%	16.7% #B34F65	RGB 179 79 101	#B34F65
33.3%	33.3% #A74258	RGB 167 66 88	#A74258
50.0%	50.0% #9B354C	RGB 155 53 76	#9B354C
66.7%	66.7% #8F2A41	RGB 143 42 65	#8F2A41
83.3%	83.3% #832036	RGB 131 32 54	#832036
100.0%	100.0% #78182D	RGB 120 24 45	#78182D

#BF5E73 #B34F65 #A74258 #9B354C #8F2A41 #832036 #78182D

#BF5E74 - #9B354C - #78182D

CSS codes

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

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