#210F08 - #BFBAB8 | 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 #210F08 to #BFBAB8

#210F08 #BFBAB8

Calculate the color between two colors, #210F08 and #BFBAB8. 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)

#210F08 - #BFBAB8 | 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 #210F08 as 0% and #BFBAB8 as 100%.

0.0%	0.0% #210F08	RGB 33 15 8	#210F08
16.7%	16.7% #3B2B25	RGB 59 43 37	#3B2B25
33.3%	33.3% #554842	RGB 85 72 66	#554842
50.0%	50.0% #706460	RGB 112 100 96	#706460
66.7%	66.7% #8A817D	RGB 138 129 125	#8A817D
83.3%	83.3% #A49D9A	RGB 164 157 154	#A49D9A
100.0%	100.0% #BFBAB8	RGB 191 186 184	#BFBAB8

#210F08 #3B2B25 #554842 #706460 #8A817D #A49D9A #BFBAB8

#210F08 - #BFBAB8

HSV Blend

#210F08 - #BFBAB8 | 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 #210F08 as 0% and #BFBAB8 as 100%.

0.0%	0.0% #210F08	RGB 33 15 8	#210F08
16.7%	16.7% #3B2015	RGB 59 32 21	#3B2015
33.3%	33.3% #553529	RGB 85 53 41	#553529
50.0%	50.0% #705043	RGB 112 80 67	#705043
66.7%	66.7% #8A6E64	RGB 138 110 100	#8A6E64
83.3%	83.3% #A4928A	RGB 164 146 138	#A4928A
100.0%	100.0% #BFBAB8	RGB 191 186 184	#BFBAB8

#210F08 #3B2015 #553529 #705043 #8A6E64 #A4928A #BFBAB8

#210F08 - #705043 - #BFBAB8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #210F08 0%, #705043 50%, #BFBAB8 100%);
    background: -webkit-linear-gradient(top, #210F08 0%, #705043 50%, #BFBAB8 100%);
    background: linear-gradient(to bottom, #210F08 0%, #705043 50%, #BFBAB8 100%);
}
</style>