#201209 - #BFBBB8 | 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 #201209 to #BFBBB8

#201209 #BFBBB8

Calculate the color between two colors, #201209 and #BFBBB8. 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)

#201209 - #BFBBB8 | 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 #201209 as 0% and #BFBBB8 as 100%.

0.0%	0.0% #201209	RGB 32 18 9	#201209
16.7%	16.7% #3A2E26	RGB 58 46 38	#3A2E26
33.3%	33.3% #554A43	RGB 85 74 67	#554A43
50.0%	50.0% #6F6660	RGB 111 102 96	#6F6660
66.7%	66.7% #8A827D	RGB 138 130 125	#8A827D
83.3%	83.3% #A49E9A	RGB 164 158 154	#A49E9A
100.0%	100.0% #BFBBB8	RGB 191 187 184	#BFBBB8

#201209 #3A2E26 #554A43 #6F6660 #8A827D #A49E9A #BFBBB8

#201209 - #BFBBB8

HSV Blend

#201209 - #BFBBB8 | 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 #201209 as 0% and #BFBBB8 as 100%.

0.0%	0.0% #201209	RGB 32 18 9	#201209
16.7%	16.7% #3A2517	RGB 58 37 23	#3A2517
33.3%	33.3% #553C2B	RGB 85 60 43	#553C2B
50.0%	50.0% #6F5645	RGB 111 86 69	#6F5645
66.7%	66.7% #8A7465	RGB 138 116 101	#8A7465
83.3%	83.3% #A4968B	RGB 164 150 139	#A4968B
100.0%	100.0% #BFBBB8	RGB 191 187 184	#BFBBB8

#201209 #3A2517 #553C2B #6F5645 #8A7465 #A4968B #BFBBB8

#201209 - #6F5645 - #BFBBB8

CSS codes

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

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