#BF7F7E - #9F362D | 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 #BF7F7E to #9F362D

#BF7F7E #9F362D

Calculate the color between two colors, #BF7F7E and #9F362D. 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)

#BF7F7E - #9F362D | 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 #BF7F7E as 0% and #9F362D as 100%.

0.0%	0.0% #BF7F7E	RGB 191 127 126	#BF7F7E
16.7%	16.7% #B97270	RGB 185 114 112	#B97270
33.3%	33.3% #B46663	RGB 180 102 99	#B46663
50.0%	50.0% #AF5A55	RGB 175 90 85	#AF5A55
66.7%	66.7% #A94E48	RGB 169 78 72	#A94E48
83.3%	83.3% #A4423A	RGB 164 66 58	#A4423A
100.0%	100.0% #9F362D	RGB 159 54 45	#9F362D

#BF7F7E #B97270 #B46663 #AF5A55 #A94E48 #A4423A #9F362D

#BF7F7E - #9F362D

HSV Blend

#BF7F7E - #9F362D | 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 #BF7F7E as 0% and #9F362D as 100%.

0.0%	0.0% #BF7F7E	RGB 191 127 126	#BF7F7E
16.7%	16.7% #B9706E	RGB 185 112 110	#B9706E
33.3%	33.3% #B46360	RGB 180 99 96	#B46360
50.0%	50.0% #AF5652	RGB 175 86 82	#AF5652
66.7%	66.7% #A94B45	RGB 169 75 69	#A94B45
83.3%	83.3% #A44038	RGB 164 64 56	#A44038
100.0%	100.0% #9F362D	RGB 159 54 45	#9F362D

#BF7F7E #B9706E #B46360 #AF5652 #A94B45 #A44038 #9F362D

#BF7F7E - #AF5652 - #9F362D

CSS codes

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

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