#080F04 - #1E4435 | 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 #080F04 to #1E4435

#080F04 #1E4435

Calculate the color between two colors, #080F04 and #1E4435. 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)

#080F04 - #1E4435 | 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 #080F04 as 0% and #1E4435 as 100%.

0.0%	0.0% #080F04	RGB 8 15 4	#080F04
16.7%	16.7% #0B170C	RGB 11 23 12	#0B170C
33.3%	33.3% #0F2014	RGB 15 32 20	#0F2014
50.0%	50.0% #13291C	RGB 19 41 28	#13291C
66.7%	66.7% #163224	RGB 22 50 36	#163224
83.3%	83.3% #1A3B2C	RGB 26 59 44	#1A3B2C
100.0%	100.0% #1E4435	RGB 30 68 53	#1E4435

#080F04 #0B170C #0F2014 #13291C #163224 #1A3B2C #1E4435

#080F04 - #1E4435

HSV Blend

#080F04 - #1E4435 | 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 #080F04 as 0% and #1E4435 as 100%.

0.0%	0.0% #070F04	RGB 7 15 4	#070F04
16.7%	16.7% #0A1707	RGB 10 23 7	#0A1707
33.3%	33.3% #0B200A	RGB 11 32 10	#0B200A
50.0%	50.0% #0E2911	RGB 14 41 17	#0E2911
66.7%	66.7% #13321C	RGB 19 50 28	#13321C
83.3%	83.3% #183B27	RGB 24 59 39	#183B27
100.0%	100.0% #1E4435	RGB 30 68 53	#1E4435

#070F04 #0A1707 #0B200A #0E2911 #13321C #183B27 #1E4435

#080F04 - #0E2911 - #1E4435

CSS codes

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

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