#100D04 - #BAB8B7 | 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 #100D04 to #BAB8B7

#100D04 #BAB8B7

Calculate the color between two colors, #100D04 and #BAB8B7. 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)

#100D04 - #BAB8B7 | 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 #100D04 as 0% and #BAB8B7 as 100%.

0.0%	0.0% #100D04	RGB 16 13 4	#100D04
16.7%	16.7% #2C2921	RGB 44 41 33	#2C2921
33.3%	33.3% #48463F	RGB 72 70 63	#48463F
50.0%	50.0% #65625D	RGB 101 98 93	#65625D
66.7%	66.7% #817F7B	RGB 129 127 123	#817F7B
83.3%	83.3% #9D9B99	RGB 157 155 153	#9D9B99
100.0%	100.0% #BAB8B7	RGB 186 184 183	#BAB8B7

#100D04 #2C2921 #48463F #65625D #817F7B #9D9B99 #BAB8B7

#100D04 - #BAB8B7

HSV Blend

#100D04 - #BAB8B7 | 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 #100D04 as 0% and #BAB8B7 as 100%.

0.0%	0.0% #100D04	RGB 16 13 4	#100D04
16.7%	16.7% #2C2310	RGB 44 35 16	#2C2310
33.3%	33.3% #483A23	RGB 72 58 35	#483A23
50.0%	50.0% #65533E	RGB 101 83 62	#65533E
66.7%	66.7% #816F5F	RGB 129 111 95	#816F5F
83.3%	83.3% #9D9087	RGB 157 144 135	#9D9087
100.0%	100.0% #BAB8B7	RGB 186 184 183	#BAB8B7

#100D04 #2C2310 #483A23 #65533E #816F5F #9D9087 #BAB8B7

#100D04 - #65533E - #BAB8B7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #100D04 0%, #65533E 50%, #BAB8B7 100%);
    background: -webkit-linear-gradient(top, #100D04 0%, #65533E 50%, #BAB8B7 100%);
    background: linear-gradient(to bottom, #100D04 0%, #65533E 50%, #BAB8B7 100%);
}
</style>