#BF4D4D - #8A1912 | 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 #BF4D4D to #8A1912

#BF4D4D #8A1912

Calculate the color between two colors, #BF4D4D and #8A1912. 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)

#BF4D4D - #8A1912 | 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 #BF4D4D as 0% and #8A1912 as 100%.

0.0%	0.0% #BF4D4D	RGB 191 77 77	#BF4D4D
16.7%	16.7% #B64443	RGB 182 68 67	#B64443
33.3%	33.3% #AD3B39	RGB 173 59 57	#AD3B39
50.0%	50.0% #A4332F	RGB 164 51 47	#A4332F
66.7%	66.7% #9B2A25	RGB 155 42 37	#9B2A25
83.3%	83.3% #92211B	RGB 146 33 27	#92211B
100.0%	100.0% #8A1912	RGB 138 25 18	#8A1912

#BF4D4D #B64443 #AD3B39 #A4332F #9B2A25 #92211B #8A1912

#BF4D4D - #8A1912

HSV Blend

#BF4D4D - #8A1912 | 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 #BF4D4D as 0% and #8A1912 as 100%.

0.0%	0.0% #BF4D4D	RGB 191 77 77	#BF4D4D
16.7%	16.7% #B64241	RGB 182 66 65	#B64241
33.3%	33.3% #AD3836	RGB 173 56 54	#AD3836
50.0%	50.0% #A42F2B	RGB 164 47 43	#A42F2B
66.7%	66.7% #9B2722	RGB 155 39 34	#9B2722
83.3%	83.3% #921F19	RGB 146 31 25	#921F19
100.0%	100.0% #8A1912	RGB 138 25 18	#8A1912

#BF4D4D #B64241 #AD3836 #A42F2B #9B2722 #921F19 #8A1912

#BF4D4D - #A42F2B - #8A1912

CSS codes

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

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