#20190B - #BFBDB9 | 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 #20190B to #BFBDB9

#20190B #BFBDB9

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

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

0.0%	0.0% #20190B	RGB 32 25 11	#20190B
16.7%	16.7% #3A3428	RGB 58 52 40	#3A3428
33.3%	33.3% #554F45	RGB 85 79 69	#554F45
50.0%	50.0% #6F6B62	RGB 111 107 98	#6F6B62
66.7%	66.7% #8A867F	RGB 138 134 127	#8A867F
83.3%	83.3% #A4A19C	RGB 164 161 156	#A4A19C
100.0%	100.0% #BFBDB9	RGB 191 189 185	#BFBDB9

#20190B #3A3428 #554F45 #6F6B62 #8A867F #A4A19C #BFBDB9

#20190B - #BFBDB9

HSV Blend

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

0.0%	0.0% #20190B	RGB 32 25 11	#20190B
16.7%	16.7% #3A2F1A	RGB 58 47 26	#3A2F1A
33.3%	33.3% #55482E	RGB 85 72 46	#55482E
50.0%	50.0% #6F6249	RGB 111 98 73	#6F6249
66.7%	66.7% #8A7E68	RGB 138 126 104	#8A7E68
83.3%	83.3% #A49D8E	RGB 164 157 142	#A49D8E
100.0%	100.0% #BFBDB9	RGB 191 189 185	#BFBDB9

#20190B #3A2F1A #55482E #6F6249 #8A7E68 #A49D8E #BFBDB9

#20190B - #6F6249 - #BFBDB9

CSS codes

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

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