#071004 - #B7BAB7 | 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 #B7BAB7

#071004 #B7BAB7

Calculate the color between two colors, #071004 and #B7BAB7. 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 - #B7BAB7 | 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 #B7BAB7 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% #41483F	RGB 65 72 63	#41483F
50.0%	50.0% #5F655D	RGB 95 101 93	#5F655D
66.7%	66.7% #7C817B	RGB 124 129 123	#7C817B
83.3%	83.3% #999D99	RGB 153 157 153	#999D99
100.0%	100.0% #B7BAB7	RGB 183 186 183	#B7BAB7

#071004 #242C21 #41483F #5F655D #7C817B #999D99 #B7BAB7

#071004 - #B7BAB7

HSV Blend

#071004 - #B7BAB7 | 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 #B7BAB7 as 100%.

0.0%	0.0% #071004	RGB 7 16 4	#071004
16.7%	16.7% #162C10	RGB 22 44 16	#162C10
33.3%	33.3% #2A4823	RGB 42 72 35	#2A4823
50.0%	50.0% #43653E	RGB 67 101 62	#43653E
66.7%	66.7% #62815F	RGB 98 129 95	#62815F
83.3%	83.3% #889D87	RGB 136 157 135	#889D87
100.0%	100.0% #B7BAB7	RGB 183 186 183	#B7BAB7

#071004 #162C10 #2A4823 #43653E #62815F #889D87 #B7BAB7

#071004 - #43653E - #B7BAB7

CSS codes

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

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