#085E0C - #06161E | 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 #085E0C to #06161E

#085E0C #06161E

Calculate the color between two colors, #085E0C and #06161E. 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)

#085E0C - #06161E | 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 #085E0C as 0% and #06161E as 100%.

0.0%	0.0% #085E0C	RGB 8 94 12	#085E0C
16.7%	16.7% #07520F	RGB 7 82 15	#07520F
33.3%	33.3% #074612	RGB 7 70 18	#074612
50.0%	50.0% #073A15	RGB 7 58 21	#073A15
66.7%	66.7% #062E18	RGB 6 46 24	#062E18
83.3%	83.3% #06221B	RGB 6 34 27	#06221B
100.0%	100.0% #06161E	RGB 6 22 30	#06161E

#085E0C #07520F #074612 #073A15 #062E18 #06221B #06161E

#085E0C - #06161E

HSV Blend

#085E0C - #06161E | 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 #085E0C as 0% and #06161E as 100%.

0.0%	0.0% #075E0C	RGB 7 94 12	#075E0C
16.7%	16.7% #08531C	RGB 8 83 28	#08531C
33.3%	33.3% #084827	RGB 8 72 39	#084827
50.0%	50.0% #083E2D	RGB 8 62 45	#083E2D
66.7%	66.7% #08332F	RGB 8 51 47	#08332F
83.3%	83.3% #072428	RGB 7 36 40	#072428
100.0%	100.0% #06161E	RGB 6 22 30	#06161E

#075E0C #08531C #084827 #083E2D #08332F #072428 #06161E

#085E0C - #083E2D - #06161E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #075E0C 0%, #083E2D 50%, #06161E 100%);
    background: -webkit-linear-gradient(top, #075E0C 0%, #083E2D 50%, #06161E 100%);
    background: linear-gradient(to bottom, #075E0C 0%, #083E2D 50%, #06161E 100%);
}
</style>