#4D9881 - #162B24 | 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 #4D9881 to #162B24

#4D9881 #162B24

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

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

0.0%	0.0% #4D9881	RGB 77 152 129	#4D9881
16.7%	16.7% #438571	RGB 67 133 113	#438571
33.3%	33.3% #3A7362	RGB 58 115 98	#3A7362
50.0%	50.0% #316152	RGB 49 97 82	#316152
66.7%	66.7% #284F43	RGB 40 79 67	#284F43
83.3%	83.3% #1F3D33	RGB 31 61 51	#1F3D33
100.0%	100.0% #162B24	RGB 22 43 36	#162B24

#4D9881 #438571 #3A7362 #316152 #284F43 #1F3D33 #162B24

#4D9881 - #162B24

HSV Blend

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

0.0%	0.0% #4D9881	RGB 77 152 129	#4D9881
16.7%	16.7% #438571	RGB 67 133 113	#438571
33.3%	33.3% #3A7361	RGB 58 115 97	#3A7361
50.0%	50.0% #316152	RGB 49 97 82	#316152
66.7%	66.7% #284F42	RGB 40 79 66	#284F42
83.3%	83.3% #1F3D33	RGB 31 61 51	#1F3D33
100.0%	100.0% #162B24	RGB 22 43 36	#162B24

#4D9881 #438571 #3A7361 #316152 #284F42 #1F3D33 #162B24

#4D9881 - #316152 - #162B24

CSS codes

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

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