#BF3E2D - #7B180B | 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 #BF3E2D to #7B180B

#BF3E2D #7B180B

Calculate the color between two colors, #BF3E2D and #7B180B. 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)

#BF3E2D - #7B180B | 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 #BF3E2D as 0% and #7B180B as 100%.

0.0%	0.0% #BF3E2D	RGB 191 62 45	#BF3E2D
16.7%	16.7% #B33727	RGB 179 55 39	#B33727
33.3%	33.3% #A83121	RGB 168 49 33	#A83121
50.0%	50.0% #9D2B1C	RGB 157 43 28	#9D2B1C
66.7%	66.7% #912416	RGB 145 36 22	#912416
83.3%	83.3% #861E10	RGB 134 30 16	#861E10
100.0%	100.0% #7B180B	RGB 123 24 11	#7B180B

#BF3E2D #B33727 #A83121 #9D2B1C #912416 #861E10 #7B180B

#BF3E2D - #7B180B

HSV Blend

#BF3E2D - #7B180B | 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 #BF3E2D as 0% and #7B180B as 100%.

0.0%	0.0% #BF3E2C	RGB 191 62 44	#BF3E2C
16.7%	16.7% #B33625	RGB 179 54 37	#B33625
33.3%	33.3% #A82F1F	RGB 168 47 31	#A82F1F
50.0%	50.0% #9D2819	RGB 157 40 25	#9D2819
66.7%	66.7% #912214	RGB 145 34 20	#912214
83.3%	83.3% #861D0F	RGB 134 29 15	#861D0F
100.0%	100.0% #7B180B	RGB 123 24 11	#7B180B

#BF3E2C #B33625 #A82F1F #9D2819 #912214 #861D0F #7B180B

#BF3E2D - #9D2819 - #7B180B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BF3E2C 0%, #9D2819 50%, #7B180B 100%);
    background: -webkit-linear-gradient(top, #BF3E2C 0%, #9D2819 50%, #7B180B 100%);
    background: linear-gradient(to bottom, #BF3E2C 0%, #9D2819 50%, #7B180B 100%);
}
</style>