#075E3E - #042D1B | 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 #075E3E to #042D1B

#075E3E #042D1B

Calculate the color between two colors, #075E3E and #042D1B. 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)

#075E3E - #042D1B | 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 #075E3E as 0% and #042D1B as 100%.

0.0%	0.0% #075E3E	RGB 7 94 62	#075E3E
16.7%	16.7% #065538	RGB 6 85 56	#065538
33.3%	33.3% #064D32	RGB 6 77 50	#064D32
50.0%	50.0% #05452C	RGB 5 69 44	#05452C
66.7%	66.7% #053D26	RGB 5 61 38	#053D26
83.3%	83.3% #043520	RGB 4 53 32	#043520
100.0%	100.0% #042D1B	RGB 4 45 27	#042D1B

#075E3E #065538 #064D32 #05452C #053D26 #043520 #042D1B

#075E3E - #042D1B

HSV Blend

#075E3E - #042D1B | 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 #075E3E as 0% and #042D1B as 100%.

0.0%	0.0% #065E3D	RGB 6 94 61	#065E3D
16.7%	16.7% #065537	RGB 6 85 55	#065537
33.3%	33.3% #064D31	RGB 6 77 49	#064D31
50.0%	50.0% #05452B	RGB 5 69 43	#05452B
66.7%	66.7% #053D26	RGB 5 61 38	#053D26
83.3%	83.3% #043520	RGB 4 53 32	#043520
100.0%	100.0% #042D1B	RGB 4 45 27	#042D1B

#065E3D #065537 #064D31 #05452B #053D26 #043520 #042D1B

#075E3E - #05452B - #042D1B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #065E3D 0%, #05452B 50%, #042D1B 100%);
    background: -webkit-linear-gradient(top, #065E3D 0%, #05452B 50%, #042D1B 100%);
    background: linear-gradient(to bottom, #065E3D 0%, #05452B 50%, #042D1B 100%);
}
</style>