#100F08 - #BABAB8 | 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 #100F08 to #BABAB8

#100F08 #BABAB8

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

#100F08 - #BABAB8 | 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 #100F08 as 0% and #BABAB8 as 100%.

0.0%	0.0% #100F08	RGB 16 15 8	#100F08
16.7%	16.7% #2C2B25	RGB 44 43 37	#2C2B25
33.3%	33.3% #484842	RGB 72 72 66	#484842
50.0%	50.0% #656460	RGB 101 100 96	#656460
66.7%	66.7% #81817D	RGB 129 129 125	#81817D
83.3%	83.3% #9D9D9A	RGB 157 157 154	#9D9D9A
100.0%	100.0% #BABAB8	RGB 186 186 184	#BABAB8

#100F08 #2C2B25 #484842 #656460 #81817D #9D9D9A #BABAB8

#100F08 - #BABAB8

HSV Blend

#100F08 - #BABAB8 | 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 #100F08 as 0% and #BABAB8 as 100%.

0.0%	0.0% #100F08	RGB 16 15 8	#100F08
16.7%	16.7% #2C2A19	RGB 44 42 25	#2C2A19
33.3%	33.3% #484630	RGB 72 70 48	#484630
50.0%	50.0% #65634B	RGB 101 99 75	#65634B
66.7%	66.7% #81806A	RGB 129 128 106	#81806A
83.3%	83.3% #9D9D8F	RGB 157 157 143	#9D9D8F
100.0%	100.0% #BABAB8	RGB 186 186 184	#BABAB8

#100F08 #2C2A19 #484630 #65634B #81806A #9D9D8F #BABAB8

#100F08 - #65634B - #BABAB8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #100F08 0%, #65634B 50%, #BABAB8 100%);
    background: -webkit-linear-gradient(top, #100F08 0%, #65634B 50%, #BABAB8 100%);
    background: linear-gradient(to bottom, #100F08 0%, #65634B 50%, #BABAB8 100%);
}
</style>