#495E5E - #8EA174 | 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 #495E5E to #8EA174

#495E5E #8EA174

Calculate the color between two colors, #495E5E and #8EA174. 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)

#495E5E - #8EA174 | 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 #495E5E as 0% and #8EA174 as 100%.

0.0%	0.0% #495E5E	RGB 73 94 94	#495E5E
16.7%	16.7% #546961	RGB 84 105 97	#546961
33.3%	33.3% #607465	RGB 96 116 101	#607465
50.0%	50.0% #6B7F69	RGB 107 127 105	#6B7F69
66.7%	66.7% #778A6C	RGB 119 138 108	#778A6C
83.3%	83.3% #829570	RGB 130 149 112	#829570
100.0%	100.0% #8EA174	RGB 142 161 116	#8EA174

#495E5E #546961 #607465 #6B7F69 #778A6C #829570 #8EA174

#495E5E - #8EA174

HSV Blend

#495E5E - #8EA174 | 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 #495E5E as 0% and #8EA174 as 100%.

0.0%	0.0% #495E5E	RGB 73 94 94	#495E5E
16.7%	16.7% #506962	RGB 80 105 98	#506962
33.3%	33.3% #587465	RGB 88 116 101	#587465
50.0%	50.0% #5F7F66	RGB 95 127 102	#5F7F66
66.7%	66.7% #688A66	RGB 104 138 102	#688A66
83.3%	83.3% #7A956D	RGB 122 149 109	#7A956D
100.0%	100.0% #8EA174	RGB 142 161 116	#8EA174

#495E5E #506962 #587465 #5F7F66 #688A66 #7A956D #8EA174

#495E5E - #5F7F66 - #8EA174

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #495E5E 0%, #5F7F66 50%, #8EA174 100%);
    background: -webkit-linear-gradient(top, #495E5E 0%, #5F7F66 50%, #8EA174 100%);
    background: linear-gradient(to bottom, #495E5E 0%, #5F7F66 50%, #8EA174 100%);
}
</style>