#070F00 - #B8BAB6 | 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 #070F00 to #B8BAB6

#070F00 #B8BAB6

Calculate the color between two colors, #070F00 and #B8BAB6. 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)

#070F00 - #B8BAB6 | 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 #070F00 as 0% and #B8BAB6 as 100%.

0.0%	0.0% #070F00	RGB 7 15 0	#070F00
16.7%	16.7% #242B1E	RGB 36 43 30	#242B1E
33.3%	33.3% #42483C	RGB 66 72 60	#42483C
50.0%	50.0% #5F645B	RGB 95 100 91	#5F645B
66.7%	66.7% #7D8179	RGB 125 129 121	#7D8179
83.3%	83.3% #9A9D97	RGB 154 157 151	#9A9D97
100.0%	100.0% #B8BAB6	RGB 184 186 182	#B8BAB6

#070F00 #242B1E #42483C #5F645B #7D8179 #9A9D97 #B8BAB6

#070F00 - #B8BAB6

HSV Blend

#070F00 - #B8BAB6 | 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 #070F00 as 0% and #B8BAB6 as 100%.

0.0%	0.0% #070F00	RGB 7 15 0	#070F00
16.7%	16.7% #182B07	RGB 24 43 7	#182B07
33.3%	33.3% #2E4817	RGB 46 72 23	#2E4817
50.0%	50.0% #496431	RGB 73 100 49	#496431
66.7%	66.7% #6A8154	RGB 106 129 84	#6A8154
83.3%	83.3% #8E9D80	RGB 142 157 128	#8E9D80
100.0%	100.0% #B8BAB6	RGB 184 186 182	#B8BAB6

#070F00 #182B07 #2E4817 #496431 #6A8154 #8E9D80 #B8BAB6

#070F00 - #496431 - #B8BAB6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #070F00 0%, #496431 50%, #B8BAB6 100%);
    background: -webkit-linear-gradient(top, #070F00 0%, #496431 50%, #B8BAB6 100%);
    background: linear-gradient(to bottom, #070F00 0%, #496431 50%, #B8BAB6 100%);
}
</style>