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

#210E08 #BFBAB8

Calculate the color between two colors, #210E08 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)

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

0.0%	0.0% #210E08	RGB 33 14 8	#210E08
16.7%	16.7% #3B2A25	RGB 59 42 37	#3B2A25
33.3%	33.3% #554742	RGB 85 71 66	#554742
50.0%	50.0% #706460	RGB 112 100 96	#706460
66.7%	66.7% #8A807D	RGB 138 128 125	#8A807D
83.3%	83.3% #A49D9A	RGB 164 157 154	#A49D9A
100.0%	100.0% #BFBAB8	RGB 191 186 184	#BFBAB8

#210E08 #3B2A25 #554742 #706460 #8A807D #A49D9A #BFBAB8

#210E08 - #BFBAB8

HSV Blend

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

0.0%	0.0% #210E08	RGB 33 14 8	#210E08
16.7%	16.7% #3B1E15	RGB 59 30 21	#3B1E15
33.3%	33.3% #553429	RGB 85 52 41	#553429
50.0%	50.0% #704F43	RGB 112 79 67	#704F43
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

#210E08 #3B1E15 #553429 #704F43 #8A6E64 #A4928A #BFBAB8

#210E08 - #704F43 - #BFBAB8

CSS codes

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

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