#BF3A3E - #5E1115 | 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 #BF3A3E to #5E1115

#BF3A3E #5E1115

Calculate the color between two colors, #BF3A3E and #5E1115. 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)

#BF3A3E - #5E1115 | 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 #BF3A3E as 0% and #5E1115 as 100%.

0.0%	0.0% #BF3A3E	RGB 191 58 62	#BF3A3E
16.7%	16.7% #AE3337	RGB 174 51 55	#AE3337
33.3%	33.3% #9E2C30	RGB 158 44 48	#9E2C30
50.0%	50.0% #8E2529	RGB 142 37 41	#8E2529
66.7%	66.7% #7E1E22	RGB 126 30 34	#7E1E22
83.3%	83.3% #6E171B	RGB 110 23 27	#6E171B
100.0%	100.0% #5E1115	RGB 94 17 21	#5E1115

#BF3A3E #AE3337 #9E2C30 #8E2529 #7E1E22 #6E171B #5E1115

#BF3A3E - #5E1115

HSV Blend

#BF3A3E - #5E1115 | 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 #BF3A3E as 0% and #5E1115 as 100%.

0.0%	0.0% #BF3A3D	RGB 191 58 61	#BF3A3D
16.7%	16.7% #AE3135	RGB 174 49 53	#AE3135
33.3%	33.3% #9E292E	RGB 158 41 46	#9E292E
50.0%	50.0% #8E2226	RGB 142 34 38	#8E2226
66.7%	66.7% #7E1C20	RGB 126 28 32	#7E1C20
83.3%	83.3% #6E161A	RGB 110 22 26	#6E161A
100.0%	100.0% #5E1115	RGB 94 17 21	#5E1115

#BF3A3D #AE3135 #9E292E #8E2226 #7E1C20 #6E161A #5E1115

#BF3A3E - #8E2226 - #5E1115

CSS codes

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

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