#20140B - #BFBBB9 | 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 #20140B to #BFBBB9

#20140B #BFBBB9

Calculate the color between two colors, #20140B and #BFBBB9. 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)

#20140B - #BFBBB9 | 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 #20140B as 0% and #BFBBB9 as 100%.

0.0%	0.0% #20140B	RGB 32 20 11	#20140B
16.7%	16.7% #3A2F28	RGB 58 47 40	#3A2F28
33.3%	33.3% #554B45	RGB 85 75 69	#554B45
50.0%	50.0% #6F6762	RGB 111 103 98	#6F6762
66.7%	66.7% #8A837F	RGB 138 131 127	#8A837F
83.3%	83.3% #A49F9C	RGB 164 159 156	#A49F9C
100.0%	100.0% #BFBBB9	RGB 191 187 185	#BFBBB9

#20140B #3A2F28 #554B45 #6F6762 #8A837F #A49F9C #BFBBB9

#20140B - #BFBBB9

HSV Blend

#20140B - #BFBBB9 | 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 #20140B as 0% and #BFBBB9 as 100%.

0.0%	0.0% #20140B	RGB 32 20 11	#20140B
16.7%	16.7% #3A271A	RGB 58 39 26	#3A271A
33.3%	33.3% #553E2E	RGB 85 62 46	#553E2E
50.0%	50.0% #6F5749	RGB 111 87 73	#6F5749
66.7%	66.7% #8A7468	RGB 138 116 104	#8A7468
83.3%	83.3% #A4958E	RGB 164 149 142	#A4958E
100.0%	100.0% #BFBBB9	RGB 191 187 185	#BFBBB9

#20140B #3A271A #553E2E #6F5749 #8A7468 #A4958E #BFBBB9

#20140B - #6F5749 - #BFBBB9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #20140B 0%, #6F5749 50%, #BFBBB9 100%);
    background: -webkit-linear-gradient(top, #20140B 0%, #6F5749 50%, #BFBBB9 100%);
    background: linear-gradient(to bottom, #20140B 0%, #6F5749 50%, #BFBBB9 100%);
}
</style>