#101004 - #BABAB7 | 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 #101004 to #BABAB7

#101004 #BABAB7

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

#101004 - #BABAB7 | 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 #101004 as 0% and #BABAB7 as 100%.

0.0%	0.0% #101004	RGB 16 16 4	#101004
16.7%	16.7% #2C2C21	RGB 44 44 33	#2C2C21
33.3%	33.3% #48483F	RGB 72 72 63	#48483F
50.0%	50.0% #65655D	RGB 101 101 93	#65655D
66.7%	66.7% #81817B	RGB 129 129 123	#81817B
83.3%	83.3% #9D9D99	RGB 157 157 153	#9D9D99
100.0%	100.0% #BABAB7	RGB 186 186 183	#BABAB7

#101004 #2C2C21 #48483F #65655D #81817B #9D9D99 #BABAB7

#101004 - #BABAB7

HSV Blend

#101004 - #BABAB7 | 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 #101004 as 0% and #BABAB7 as 100%.

0.0%	0.0% #101004	RGB 16 16 4	#101004
16.7%	16.7% #2C2C10	RGB 44 44 16	#2C2C10
33.3%	33.3% #484823	RGB 72 72 35	#484823
50.0%	50.0% #65653E	RGB 101 101 62	#65653E
66.7%	66.7% #81815F	RGB 129 129 95	#81815F
83.3%	83.3% #9D9D87	RGB 157 157 135	#9D9D87
100.0%	100.0% #BABAB7	RGB 186 186 183	#BABAB7

#101004 #2C2C10 #484823 #65653E #81815F #9D9D87 #BABAB7

#101004 - #65653E - #BABAB7

CSS codes

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

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