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

#060F00 #B8BAB6

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

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

0.0%	0.0% #060F00	RGB 6 15 0	#060F00
16.7%	16.7% #232B1E	RGB 35 43 30	#232B1E
33.3%	33.3% #41483C	RGB 65 72 60	#41483C
50.0%	50.0% #5F645B	RGB 95 100 91	#5F645B
66.7%	66.7% #7C8179	RGB 124 129 121	#7C8179
83.3%	83.3% #9A9D97	RGB 154 157 151	#9A9D97
100.0%	100.0% #B8BAB6	RGB 184 186 182	#B8BAB6

#060F00 #232B1E #41483C #5F645B #7C8179 #9A9D97 #B8BAB6

#060F00 - #B8BAB6

HSV Blend

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

0.0%	0.0% #060F00	RGB 6 15 0	#060F00
16.7%	16.7% #162B07	RGB 22 43 7	#162B07
33.3%	33.3% #2C4817	RGB 44 72 23	#2C4817
50.0%	50.0% #486431	RGB 72 100 49	#486431
66.7%	66.7% #698154	RGB 105 129 84	#698154
83.3%	83.3% #8E9D80	RGB 142 157 128	#8E9D80
100.0%	100.0% #B8BAB6	RGB 184 186 182	#B8BAB6

#060F00 #162B07 #2C4817 #486431 #698154 #8E9D80 #B8BAB6

#060F00 - #486431 - #B8BAB6

CSS codes

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

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