#180806 - #BDB8B7 | 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 #180806 to #BDB8B7

#180806 #BDB8B7

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

#180806 - #BDB8B7 | 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 #180806 as 0% and #BDB8B7 as 100%.

0.0%	0.0% #180806	RGB 24 8 6	#180806
16.7%	16.7% #332523	RGB 51 37 35	#332523
33.3%	33.3% #4F4241	RGB 79 66 65	#4F4241
50.0%	50.0% #6A605E	RGB 106 96 94	#6A605E
66.7%	66.7% #867D7C	RGB 134 125 124	#867D7C
83.3%	83.3% #A19A99	RGB 161 154 153	#A19A99
100.0%	100.0% #BDB8B7	RGB 189 184 183	#BDB8B7

#180806 #332523 #4F4241 #6A605E #867D7C #A19A99 #BDB8B7

#180806 - #BDB8B7

HSV Blend

#180806 - #BDB8B7 | 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 #180806 as 0% and #BDB8B7 as 100%.

0.0%	0.0% #180806	RGB 24 8 6	#180806
16.7%	16.7% #331613	RGB 51 22 19	#331613
33.3%	33.3% #4F2B26	RGB 79 43 38	#4F2B26
50.0%	50.0% #6A4640	RGB 106 70 64	#6A4640
66.7%	66.7% #866761	RGB 134 103 97	#866761
83.3%	83.3% #A18C89	RGB 161 140 137	#A18C89
100.0%	100.0% #BDB8B7	RGB 189 184 183	#BDB8B7

#180806 #331613 #4F2B26 #6A4640 #866761 #A18C89 #BDB8B7

#180806 - #6A4640 - #BDB8B7

CSS codes

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

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