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

#20050D #BFB7B9

Calculate the color between two colors, #20050D 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)

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

0.0%	0.0% #20050D	RGB 32 5 13	#20050D
16.7%	16.7% #3A2229	RGB 58 34 41	#3A2229
33.3%	33.3% #554046	RGB 85 64 70	#554046
50.0%	50.0% #6F5E63	RGB 111 94 99	#6F5E63
66.7%	66.7% #8A7B7F	RGB 138 123 127	#8A7B7F
83.3%	83.3% #A4999C	RGB 164 153 156	#A4999C
100.0%	100.0% #BFB7B9	RGB 191 183 185	#BFB7B9

#20050D #3A2229 #554046 #6F5E63 #8A7B7F #A4999C #BFB7B9

#20050D - #BFB7B9

HSV Blend

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

0.0%	0.0% #20050D	RGB 32 5 13	#20050D
16.7%	16.7% #3A101C	RGB 58 16 28	#3A101C
33.3%	33.3% #552431	RGB 85 36 49	#552431
50.0%	50.0% #6F3E4B	RGB 111 62 75	#6F3E4B
66.7%	66.7% #8A5F6A	RGB 138 95 106	#8A5F6A
83.3%	83.3% #A4878F	RGB 164 135 143	#A4878F
100.0%	100.0% #BFB7B9	RGB 191 183 185	#BFB7B9

#20050D #3A101C #552431 #6F3E4B #8A5F6A #A4878F #BFB7B9

#20050D - #6F3E4B - #BFB7B9

CSS codes

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

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