#045E3E - #042D1A | 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 #045E3E to #042D1A

#045E3E #042D1A

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

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

0.0%	0.0% #045E3E	RGB 4 94 62	#045E3E
16.7%	16.7% #045538	RGB 4 85 56	#045538
33.3%	33.3% #044D32	RGB 4 77 50	#044D32
50.0%	50.0% #04452C	RGB 4 69 44	#04452C
66.7%	66.7% #043D26	RGB 4 61 38	#043D26
83.3%	83.3% #043520	RGB 4 53 32	#043520
100.0%	100.0% #042D1A	RGB 4 45 26	#042D1A

#045E3E #045538 #044D32 #04452C #043D26 #043520 #042D1A

#045E3E - #042D1A

HSV Blend

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

0.0%	0.0% #035E3D	RGB 3 94 61	#035E3D
16.7%	16.7% #045537	RGB 4 85 55	#045537
33.3%	33.3% #044D31	RGB 4 77 49	#044D31
50.0%	50.0% #04452A	RGB 4 69 42	#04452A
66.7%	66.7% #043D25	RGB 4 61 37	#043D25
83.3%	83.3% #04351F	RGB 4 53 31	#04351F
100.0%	100.0% #042D1A	RGB 4 45 26	#042D1A

#035E3D #045537 #044D31 #04452A #043D25 #04351F #042D1A

#045E3E - #04452A - #042D1A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #035E3D 0%, #04452A 50%, #042D1A 100%);
    background: -webkit-linear-gradient(top, #035E3D 0%, #04452A 50%, #042D1A 100%);
    background: linear-gradient(to bottom, #035E3D 0%, #04452A 50%, #042D1A 100%);
}
</style>