#3E5E58 - #074531 | 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 #3E5E58 to #074531

#3E5E58 #074531

Calculate the color between two colors, #3E5E58 and #074531. 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)

#3E5E58 - #074531 | 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 #3E5E58 as 0% and #074531 as 100%.

0.0%	0.0% #3E5E58	RGB 62 94 88	#3E5E58
16.7%	16.7% #345951	RGB 52 89 81	#345951
33.3%	33.3% #2B554B	RGB 43 85 75	#2B554B
50.0%	50.0% #225144	RGB 34 81 68	#225144
66.7%	66.7% #194D3E	RGB 25 77 62	#194D3E
83.3%	83.3% #104937	RGB 16 73 55	#104937
100.0%	100.0% #074531	RGB 7 69 49	#074531

#3E5E58 #345951 #2B554B #225144 #194D3E #104937 #074531

#3E5E58 - #074531

HSV Blend

#3E5E58 - #074531 | 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 #3E5E58 as 0% and #074531 as 100%.

0.0%	0.0% #3E5E58	RGB 62 94 88	#3E5E58
16.7%	16.7% #325951	RGB 50 89 81	#325951
33.3%	33.3% #28554B	RGB 40 85 75	#28554B
50.0%	50.0% #1F5144	RGB 31 81 68	#1F5144
66.7%	66.7% #164D3E	RGB 22 77 62	#164D3E
83.3%	83.3% #0E4937	RGB 14 73 55	#0E4937
100.0%	100.0% #074531	RGB 7 69 49	#074531

#3E5E58 #325951 #28554B #1F5144 #164D3E #0E4937 #074531

#3E5E58 - #1F5144 - #074531

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E58 0%, #1F5144 50%, #074531 100%);
    background: -webkit-linear-gradient(top, #3E5E58 0%, #1F5144 50%, #074531 100%);
    background: linear-gradient(to bottom, #3E5E58 0%, #1F5144 50%, #074531 100%);
}
</style>