#505646 - #B2A16E | 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 #505646 to #B2A16E

#505646 #B2A16E

Calculate the color between two colors, #505646 and #B2A16E. 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)

#505646 - #B2A16E | 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 #505646 as 0% and #B2A16E as 100%.

0.0%	0.0% #505646	RGB 80 86 70	#505646
16.7%	16.7% #60624C	RGB 96 98 76	#60624C
33.3%	33.3% #706F53	RGB 112 111 83	#706F53
50.0%	50.0% #817B5A	RGB 129 123 90	#817B5A
66.7%	66.7% #918860	RGB 145 136 96	#918860
83.3%	83.3% #A19467	RGB 161 148 103	#A19467
100.0%	100.0% #B2A16E	RGB 178 161 110	#B2A16E

#505646 #60624C #706F53 #817B5A #918860 #A19467 #B2A16E

#505646 - #B2A16E

HSV Blend

#505646 - #B2A16E | 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 #505646 as 0% and #B2A16E as 100%.

0.0%	0.0% #505646	RGB 80 86 70	#505646
16.7%	16.7% #5F654F	RGB 95 101 79	#5F654F
33.3%	33.3% #6F7457	RGB 111 116 87	#6F7457
50.0%	50.0% #81845E	RGB 129 132 94	#81845E
66.7%	66.7% #939164	RGB 147 145 100	#939164
83.3%	83.3% #A29A69	RGB 162 154 105	#A29A69
100.0%	100.0% #B2A16E	RGB 178 161 110	#B2A16E

#505646 #5F654F #6F7457 #81845E #939164 #A29A69 #B2A16E

#505646 - #81845E - #B2A16E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #505646 0%, #81845E 50%, #B2A16E 100%);
    background: -webkit-linear-gradient(top, #505646 0%, #81845E 50%, #B2A16E 100%);
    background: linear-gradient(to bottom, #505646 0%, #81845E 50%, #B2A16E 100%);
}
</style>