#3C7E73 - #074D37 | 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 #3C7E73 to #074D37

#3C7E73 #074D37

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

#3C7E73 - #074D37 | 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 #3C7E73 as 0% and #074D37 as 100%.

0.0%	0.0% #3C7E73	RGB 60 126 115	#3C7E73
16.7%	16.7% #337569	RGB 51 117 105	#337569
33.3%	33.3% #2A6D5F	RGB 42 109 95	#2A6D5F
50.0%	50.0% #216555	RGB 33 101 85	#216555
66.7%	66.7% #185D4B	RGB 24 93 75	#185D4B
83.3%	83.3% #0F5541	RGB 15 85 65	#0F5541
100.0%	100.0% #074D37	RGB 7 77 55	#074D37

#3C7E73 #337569 #2A6D5F #216555 #185D4B #0F5541 #074D37

#3C7E73 - #074D37

HSV Blend

#3C7E73 - #074D37 | 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 #3C7E73 as 0% and #074D37 as 100%.

0.0%	0.0% #3C7E73	RGB 60 126 115	#3C7E73
16.7%	16.7% #307568	RGB 48 117 104	#307568
33.3%	33.3% #266D5E	RGB 38 109 94	#266D5E
50.0%	50.0% #1C6554	RGB 28 101 84	#1C6554
66.7%	66.7% #145D4A	RGB 20 93 74	#145D4A
83.3%	83.3% #0D5540	RGB 13 85 64	#0D5540
100.0%	100.0% #074D37	RGB 7 77 55	#074D37

#3C7E73 #307568 #266D5E #1C6554 #145D4A #0D5540 #074D37

#3C7E73 - #1C6554 - #074D37

CSS codes

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

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