#041004 - #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 #041004 to #B7BAB7

#041004 #B7BAB7

Calculate the color between two colors, #041004 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)

#041004 - #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 #041004 as 0% and #B7BAB7 as 100%.

0.0%	0.0% #041004	RGB 4 16 4	#041004
16.7%	16.7% #212C21	RGB 33 44 33	#212C21
33.3%	33.3% #3F483F	RGB 63 72 63	#3F483F
50.0%	50.0% #5D655D	RGB 93 101 93	#5D655D
66.7%	66.7% #7B817B	RGB 123 129 123	#7B817B
83.3%	83.3% #999D99	RGB 153 157 153	#999D99
100.0%	100.0% #B7BAB7	RGB 183 186 183	#B7BAB7

#041004 #212C21 #3F483F #5D655D #7B817B #999D99 #B7BAB7

#041004 - #B7BAB7

HSV Blend

#041004 - #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 #041004 as 0% and #B7BAB7 as 100%.

0.0%	0.0% #041004	RGB 4 16 4	#041004
16.7%	16.7% #102C10	RGB 16 44 16	#102C10
33.3%	33.3% #234823	RGB 35 72 35	#234823
50.0%	50.0% #3E653E	RGB 62 101 62	#3E653E
66.7%	66.7% #5F815F	RGB 95 129 95	#5F815F
83.3%	83.3% #879D87	RGB 135 157 135	#879D87
100.0%	100.0% #B7BAB7	RGB 183 186 183	#B7BAB7

#041004 #102C10 #234823 #3E653E #5F815F #879D87 #B7BAB7

#041004 - #3E653E - #B7BAB7

CSS codes

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

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