#20060D - #BFB7B9 | 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 #20060D to #BFB7B9

#20060D #BFB7B9

Calculate the color between two colors, #20060D and #BFB7B9. 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)

#20060D - #BFB7B9 | 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 #20060D as 0% and #BFB7B9 as 100%.

0.0%	0.0% #20060D	RGB 32 6 13	#20060D
16.7%	16.7% #3A2329	RGB 58 35 41	#3A2329
33.3%	33.3% #554146	RGB 85 65 70	#554146
50.0%	50.0% #6F5E63	RGB 111 94 99	#6F5E63
66.7%	66.7% #8A7C7F	RGB 138 124 127	#8A7C7F
83.3%	83.3% #A4999C	RGB 164 153 156	#A4999C
100.0%	100.0% #BFB7B9	RGB 191 183 185	#BFB7B9

#20060D #3A2329 #554146 #6F5E63 #8A7C7F #A4999C #BFB7B9

#20060D - #BFB7B9

HSV Blend

#20060D - #BFB7B9 | 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 #20060D as 0% and #BFB7B9 as 100%.

0.0%	0.0% #20060D	RGB 32 6 13	#20060D
16.7%	16.7% #3A121D	RGB 58 18 29	#3A121D
33.3%	33.3% #552532	RGB 85 37 50	#552532
50.0%	50.0% #6F3F4C	RGB 111 63 76	#6F3F4C
66.7%	66.7% #8A606B	RGB 138 96 107	#8A606B
83.3%	83.3% #A4888F	RGB 164 136 143	#A4888F
100.0%	100.0% #BFB7B9	RGB 191 183 185	#BFB7B9

#20060D #3A121D #552532 #6F3F4C #8A606B #A4888F #BFB7B9

#20060D - #6F3F4C - #BFB7B9

CSS codes

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

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