#4D9C8B - #162C27 | 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 #4D9C8B to #162C27

#4D9C8B #162C27

Calculate the color between two colors, #4D9C8B and #162C27. 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)

#4D9C8B - #162C27 | 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 #4D9C8B as 0% and #162C27 as 100%.

0.0%	0.0% #4D9C8B	RGB 77 156 139	#4D9C8B
16.7%	16.7% #43897A	RGB 67 137 122	#43897A
33.3%	33.3% #3A7669	RGB 58 118 105	#3A7669
50.0%	50.0% #316459	RGB 49 100 89	#316459
66.7%	66.7% #285148	RGB 40 81 72	#285148
83.3%	83.3% #1F3E37	RGB 31 62 55	#1F3E37
100.0%	100.0% #162C27	RGB 22 44 39	#162C27

#4D9C8B #43897A #3A7669 #316459 #285148 #1F3E37 #162C27

#4D9C8B - #162C27

HSV Blend

#4D9C8B - #162C27 | 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 #4D9C8B as 0% and #162C27 as 100%.

0.0%	0.0% #4D9C8B	RGB 77 156 139	#4D9C8B
16.7%	16.7% #43897A	RGB 67 137 122	#43897A
33.3%	33.3% #3A7669	RGB 58 118 105	#3A7669
50.0%	50.0% #316458	RGB 49 100 88	#316458
66.7%	66.7% #285148	RGB 40 81 72	#285148
83.3%	83.3% #1F3E37	RGB 31 62 55	#1F3E37
100.0%	100.0% #162C27	RGB 22 44 39	#162C27

#4D9C8B #43897A #3A7669 #316458 #285148 #1F3E37 #162C27

#4D9C8B - #316458 - #162C27

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D9C8B 0%, #316458 50%, #162C27 100%);
    background: -webkit-linear-gradient(top, #4D9C8B 0%, #316458 50%, #162C27 100%);
    background: linear-gradient(to bottom, #4D9C8B 0%, #316458 50%, #162C27 100%);
}
</style>