#085E4D - #02331D | 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 #085E4D to #02331D

#085E4D #02331D

Calculate the color between two colors, #085E4D and #02331D. 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)

#085E4D - #02331D | 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 #085E4D as 0% and #02331D as 100%.

0.0%	0.0% #085E4D	RGB 8 94 77	#085E4D
16.7%	16.7% #075645	RGB 7 86 69	#075645
33.3%	33.3% #064F3D	RGB 6 79 61	#064F3D
50.0%	50.0% #054835	RGB 5 72 53	#054835
66.7%	66.7% #04412D	RGB 4 65 45	#04412D
83.3%	83.3% #033A25	RGB 3 58 37	#033A25
100.0%	100.0% #02331D	RGB 2 51 29	#02331D

#085E4D #075645 #064F3D #054835 #04412D #033A25 #02331D

#085E4D - #02331D

HSV Blend

#085E4D - #02331D | 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 #085E4D as 0% and #02331D as 100%.

0.0%	0.0% #075E4D	RGB 7 94 77	#075E4D
16.7%	16.7% #065643	RGB 6 86 67	#065643
33.3%	33.3% #054F3A	RGB 5 79 58	#054F3A
50.0%	50.0% #044832	RGB 4 72 50	#044832
66.7%	66.7% #03412A	RGB 3 65 42	#03412A
83.3%	83.3% #023A23	RGB 2 58 35	#023A23
100.0%	100.0% #02331D	RGB 2 51 29	#02331D

#075E4D #065643 #054F3A #044832 #03412A #023A23 #02331D

#085E4D - #044832 - #02331D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #075E4D 0%, #044832 50%, #02331D 100%);
    background: -webkit-linear-gradient(top, #075E4D 0%, #044832 50%, #02331D 100%);
    background: linear-gradient(to bottom, #075E4D 0%, #044832 50%, #02331D 100%);
}
</style>