#535645 - #B6A16F | 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 #535645 to #B6A16F

#535645 #B6A16F

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

#535645 - #B6A16F | 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 #535645 as 0% and #B6A16F as 100%.

0.0%	0.0% #535645	RGB 83 86 69	#535645
16.7%	16.7% #63624C	RGB 99 98 76	#63624C
33.3%	33.3% #746F53	RGB 116 111 83	#746F53
50.0%	50.0% #847B5A	RGB 132 123 90	#847B5A
66.7%	66.7% #958861	RGB 149 136 97	#958861
83.3%	83.3% #A59468	RGB 165 148 104	#A59468
100.0%	100.0% #B6A16F	RGB 182 161 111	#B6A16F

#535645 #63624C #746F53 #847B5A #958861 #A59468 #B6A16F

#535645 - #B6A16F

HSV Blend

#535645 - #B6A16F | 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 #535645 as 0% and #B6A16F as 100%.

0.0%	0.0% #535645	RGB 83 86 69	#535645
16.7%	16.7% #63664E	RGB 99 102 78	#63664E
33.3%	33.3% #757657	RGB 117 118 87	#757657
50.0%	50.0% #86835E	RGB 134 131 94	#86835E
66.7%	66.7% #968F65	RGB 150 143 101	#968F65
83.3%	83.3% #A6996A	RGB 166 153 106	#A6996A
100.0%	100.0% #B6A16F	RGB 182 161 111	#B6A16F

#535645 #63664E #757657 #86835E #968F65 #A6996A #B6A16F

#535645 - #86835E - #B6A16F

CSS codes

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

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