#201C0C - #BFBEB9 | 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 #201C0C to #BFBEB9

#201C0C #BFBEB9

Calculate the color between two colors, #201C0C and #BFBEB9. 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)

#201C0C - #BFBEB9 | 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 #201C0C as 0% and #BFBEB9 as 100%.

0.0%	0.0% #201C0C	RGB 32 28 12	#201C0C
16.7%	16.7% #3A3728	RGB 58 55 40	#3A3728
33.3%	33.3% #555245	RGB 85 82 69	#555245
50.0%	50.0% #6F6D62	RGB 111 109 98	#6F6D62
66.7%	66.7% #8A887F	RGB 138 136 127	#8A887F
83.3%	83.3% #A4A39C	RGB 164 163 156	#A4A39C
100.0%	100.0% #BFBEB9	RGB 191 190 185	#BFBEB9

#201C0C #3A3728 #555245 #6F6D62 #8A887F #A4A39C #BFBEB9

#201C0C - #BFBEB9

HSV Blend

#201C0C - #BFBEB9 | 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 #201C0C as 0% and #BFBEB9 as 100%.

0.0%	0.0% #201C0C	RGB 32 28 12	#201C0C
16.7%	16.7% #3A341B	RGB 58 52 27	#3A341B
33.3%	33.3% #554E30	RGB 85 78 48	#554E30
50.0%	50.0% #6F684A	RGB 111 104 74	#6F684A
66.7%	66.7% #8A846A	RGB 138 132 106	#8A846A
83.3%	83.3% #A4A08F	RGB 164 160 143	#A4A08F
100.0%	100.0% #BFBEB9	RGB 191 190 185	#BFBEB9

#201C0C #3A341B #554E30 #6F684A #8A846A #A4A08F #BFBEB9

#201C0C - #6F684A - #BFBEB9

CSS codes

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

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