#4DCCAA - #163A30 | 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 #4DCCAA to #163A30

#4DCCAA #163A30

Calculate the color between two colors, #4DCCAA and #163A30. 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)

#4DCCAA - #163A30 | 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 #4DCCAA as 0% and #163A30 as 100%.

0.0%	0.0% #4DCCAA	RGB 77 204 170	#4DCCAA
16.7%	16.7% #43B395	RGB 67 179 149	#43B395
33.3%	33.3% #3A9B81	RGB 58 155 129	#3A9B81
50.0%	50.0% #31836D	RGB 49 131 109	#31836D
66.7%	66.7% #286A58	RGB 40 106 88	#286A58
83.3%	83.3% #1F5244	RGB 31 82 68	#1F5244
100.0%	100.0% #163A30	RGB 22 58 48	#163A30

#4DCCAA #43B395 #3A9B81 #31836D #286A58 #1F5244 #163A30

#4DCCAA - #163A30

HSV Blend

#4DCCAA - #163A30 | 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 #4DCCAA as 0% and #163A30 as 100%.

0.0%	0.0% #4DCCAA	RGB 77 204 170	#4DCCAA
16.7%	16.7% #43B395	RGB 67 179 149	#43B395
33.3%	33.3% #3A9B81	RGB 58 155 129	#3A9B81
50.0%	50.0% #31836C	RGB 49 131 108	#31836C
66.7%	66.7% #286A58	RGB 40 106 88	#286A58
83.3%	83.3% #1F5244	RGB 31 82 68	#1F5244
100.0%	100.0% #163A30	RGB 22 58 48	#163A30

#4DCCAA #43B395 #3A9B81 #31836C #286A58 #1F5244 #163A30

#4DCCAA - #31836C - #163A30

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4DCCAA 0%, #31836C 50%, #163A30 100%);
    background: -webkit-linear-gradient(top, #4DCCAA 0%, #31836C 50%, #163A30 100%);
    background: linear-gradient(to bottom, #4DCCAA 0%, #31836C 50%, #163A30 100%);
}
</style>