#201301 - #BFBBB6 | 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 #201301 to #BFBBB6

#201301 #BFBBB6

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

#201301 - #BFBBB6 | 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 #201301 as 0% and #BFBBB6 as 100%.

0.0%	0.0% #201301	RGB 32 19 1	#201301
16.7%	16.7% #3A2F1F	RGB 58 47 31	#3A2F1F
33.3%	33.3% #554B3D	RGB 85 75 61	#554B3D
50.0%	50.0% #6F675B	RGB 111 103 91	#6F675B
66.7%	66.7% #8A8379	RGB 138 131 121	#8A8379
83.3%	83.3% #A49F97	RGB 164 159 151	#A49F97
100.0%	100.0% #BFBBB6	RGB 191 187 182	#BFBBB6

#201301 #3A2F1F #554B3D #6F675B #8A8379 #A49F97 #BFBBB6

#201301 - #BFBBB6

HSV Blend

#201301 - #BFBBB6 | 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 #201301 as 0% and #BFBBB6 as 100%.

0.0%	0.0% #201301	RGB 32 19 1	#201301
16.7%	16.7% #3A260A	RGB 58 38 10	#3A260A
33.3%	33.3% #553C1C	RGB 85 60 28	#553C1C
50.0%	50.0% #6F5736	RGB 111 87 54	#6F5736
66.7%	66.7% #8A7459	RGB 138 116 89	#8A7459
83.3%	83.3% #A49583	RGB 164 149 131	#A49583
100.0%	100.0% #BFBBB6	RGB 191 187 182	#BFBBB6

#201301 #3A260A #553C1C #6F5736 #8A7459 #A49583 #BFBBB6

#201301 - #6F5736 - #BFBBB6

CSS codes

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

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