#071004 - #B8BAB7 | 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 #071004 to #B8BAB7

#071004 #B8BAB7

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

#071004 - #B8BAB7 | 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 #071004 as 0% and #B8BAB7 as 100%.

0.0%	0.0% #071004	RGB 7 16 4	#071004
16.7%	16.7% #242C21	RGB 36 44 33	#242C21
33.3%	33.3% #42483F	RGB 66 72 63	#42483F
50.0%	50.0% #5F655D	RGB 95 101 93	#5F655D
66.7%	66.7% #7D817B	RGB 125 129 123	#7D817B
83.3%	83.3% #9A9D99	RGB 154 157 153	#9A9D99
100.0%	100.0% #B8BAB7	RGB 184 186 183	#B8BAB7

#071004 #242C21 #42483F #5F655D #7D817B #9A9D99 #B8BAB7

#071004 - #B8BAB7

HSV Blend

#071004 - #B8BAB7 | 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 #071004 as 0% and #B8BAB7 as 100%.

0.0%	0.0% #071004	RGB 7 16 4	#071004
16.7%	16.7% #172C10	RGB 23 44 16	#172C10
33.3%	33.3% #2E4823	RGB 46 72 35	#2E4823
50.0%	50.0% #49653E	RGB 73 101 62	#49653E
66.7%	66.7% #69815F	RGB 105 129 95	#69815F
83.3%	83.3% #8E9D87	RGB 142 157 135	#8E9D87
100.0%	100.0% #B8BAB7	RGB 184 186 183	#B8BAB7

#071004 #172C10 #2E4823 #49653E #69815F #8E9D87 #B8BAB7

#071004 - #49653E - #B8BAB7

CSS codes

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

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