#201105 - #BFBBB7 | 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 #201105 to #BFBBB7

#201105 #BFBBB7

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

#201105 - #BFBBB7 | 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 #201105 as 0% and #BFBBB7 as 100%.

0.0%	0.0% #201105	RGB 32 17 5	#201105
16.7%	16.7% #3A2D22	RGB 58 45 34	#3A2D22
33.3%	33.3% #554940	RGB 85 73 64	#554940
50.0%	50.0% #6F665E	RGB 111 102 94	#6F665E
66.7%	66.7% #8A827B	RGB 138 130 123	#8A827B
83.3%	83.3% #A49E99	RGB 164 158 153	#A49E99
100.0%	100.0% #BFBBB7	RGB 191 187 183	#BFBBB7

#201105 #3A2D22 #554940 #6F665E #8A827B #A49E99 #BFBBB7

#201105 - #BFBBB7

HSV Blend

#201105 - #BFBBB7 | 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 #201105 as 0% and #BFBBB7 as 100%.

0.0%	0.0% #201105	RGB 32 17 5	#201105
16.7%	16.7% #3A2310	RGB 58 35 16	#3A2310
33.3%	33.3% #553A24	RGB 85 58 36	#553A24
50.0%	50.0% #6F553E	RGB 111 85 62	#6F553E
66.7%	66.7% #8A735F	RGB 138 115 95	#8A735F
83.3%	83.3% #A49587	RGB 164 149 135	#A49587
100.0%	100.0% #BFBBB7	RGB 191 187 183	#BFBBB7

#201105 #3A2310 #553A24 #6F553E #8A735F #A49587 #BFBBB7

#201105 - #6F553E - #BFBBB7

CSS codes

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

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