#495655 - #8A986C | 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 #495655 to #8A986C

#495655 #8A986C

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

#495655 - #8A986C | 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 #495655 as 0% and #8A986C as 100%.

0.0%	0.0% #495655	RGB 73 86 85	#495655
16.7%	16.7% #536158	RGB 83 97 88	#536158
33.3%	33.3% #5E6C5C	RGB 94 108 92	#5E6C5C
50.0%	50.0% #697760	RGB 105 119 96	#697760
66.7%	66.7% #748264	RGB 116 130 100	#748264
83.3%	83.3% #7F8D68	RGB 127 141 104	#7F8D68
100.0%	100.0% #8A986C	RGB 138 152 108	#8A986C

#495655 #536158 #5E6C5C #697760 #748264 #7F8D68 #8A986C

#495655 - #8A986C

HSV Blend

#495655 - #8A986C | 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 #495655 as 0% and #8A986C as 100%.

0.0%	0.0% #495655	RGB 73 86 85	#495655
16.7%	16.7% #50615B	RGB 80 97 91	#50615B
33.3%	33.3% #566C5E	RGB 86 108 94	#566C5E
50.0%	50.0% #5C775F	RGB 92 119 95	#5C775F
66.7%	66.7% #678262	RGB 103 130 98	#678262
83.3%	83.3% #768D67	RGB 118 141 103	#768D67
100.0%	100.0% #8A986C	RGB 138 152 108	#8A986C

#495655 #50615B #566C5E #5C775F #678262 #768D67 #8A986C

#495655 - #5C775F - #8A986C

CSS codes

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

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