#499E5E - #155D33 | 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 #499E5E to #155D33

#499E5E #155D33

Calculate the color between two colors, #499E5E and #155D33. 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)

#499E5E - #155D33 | 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 #499E5E as 0% and #155D33 as 100%.

0.0%	0.0% #499E5E	RGB 73 158 94	#499E5E
16.7%	16.7% #409356	RGB 64 147 86	#409356
33.3%	33.3% #37884F	RGB 55 136 79	#37884F
50.0%	50.0% #2F7D48	RGB 47 125 72	#2F7D48
66.7%	66.7% #267241	RGB 38 114 65	#267241
83.3%	83.3% #1D673A	RGB 29 103 58	#1D673A
100.0%	100.0% #155D33	RGB 21 93 51	#155D33

#499E5E #409356 #37884F #2F7D48 #267241 #1D673A #155D33

#499E5E - #155D33

HSV Blend

#499E5E - #155D33 | 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 #499E5E as 0% and #155D33 as 100%.

0.0%	0.0% #499E5E	RGB 73 158 94	#499E5E
16.7%	16.7% #3E9355	RGB 62 147 85	#3E9355
33.3%	33.3% #34884D	RGB 52 136 77	#34884D
50.0%	50.0% #2B7D46	RGB 43 125 70	#2B7D46
66.7%	66.7% #22723F	RGB 34 114 63	#22723F
83.3%	83.3% #1B6739	RGB 27 103 57	#1B6739
100.0%	100.0% #155D33	RGB 21 93 51	#155D33

#499E5E #3E9355 #34884D #2B7D46 #22723F #1B6739 #155D33

#499E5E - #2B7D46 - #155D33

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #499E5E 0%, #2B7D46 50%, #155D33 100%);
    background: -webkit-linear-gradient(top, #499E5E 0%, #2B7D46 50%, #155D33 100%);
    background: linear-gradient(to bottom, #499E5E 0%, #2B7D46 50%, #155D33 100%);
}
</style>