#495D3C - #B5A863 | 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 #495D3C to #B5A863

#495D3C #B5A863

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

#495D3C - #B5A863 | 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 #495D3C as 0% and #B5A863 as 100%.

0.0%	0.0% #495D3C	RGB 73 93 60	#495D3C
16.7%	16.7% #5B6942	RGB 91 105 66	#5B6942
33.3%	33.3% #6D7649	RGB 109 118 73	#6D7649
50.0%	50.0% #7F824F	RGB 127 130 79	#7F824F
66.7%	66.7% #918F56	RGB 145 143 86	#918F56
83.3%	83.3% #A39B5C	RGB 163 155 92	#A39B5C
100.0%	100.0% #B5A863	RGB 181 168 99	#B5A863

#495D3C #5B6942 #6D7649 #7F824F #918F56 #A39B5C #B5A863

#495D3C - #B5A863

HSV Blend

#495D3C - #B5A863 | 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 #495D3C as 0% and #B5A863 as 100%.

0.0%	0.0% #495D3C	RGB 73 93 60	#495D3C
16.7%	16.7% #586B43	RGB 88 107 67	#586B43
33.3%	33.3% #697A4A	RGB 105 122 74	#697A4A
50.0%	50.0% #7C8951	RGB 124 137 81	#7C8951
66.7%	66.7% #919757	RGB 145 151 87	#919757
83.3%	83.3% #A6A45D	RGB 166 164 93	#A6A45D
100.0%	100.0% #B5A863	RGB 181 168 99	#B5A863

#495D3C #586B43 #697A4A #7C8951 #919757 #A6A45D #B5A863

#495D3C - #7C8951 - #B5A863

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #495D3C 0%, #7C8951 50%, #B5A863 100%);
    background: -webkit-linear-gradient(top, #495D3C 0%, #7C8951 50%, #B5A863 100%);
    background: linear-gradient(to bottom, #495D3C 0%, #7C8951 50%, #B5A863 100%);
}
</style>