#4B5646 - #ADA06B | 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 #4B5646 to #ADA06B

#4B5646 #ADA06B

Calculate the color between two colors, #4B5646 and #ADA06B. 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)

#4B5646 - #ADA06B | 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 #4B5646 as 0% and #ADA06B as 100%.

0.0%	0.0% #4B5646	RGB 75 86 70	#4B5646
16.7%	16.7% #5B624C	RGB 91 98 76	#5B624C
33.3%	33.3% #6B6E52	RGB 107 110 82	#6B6E52
50.0%	50.0% #7C7B58	RGB 124 123 88	#7C7B58
66.7%	66.7% #8C875E	RGB 140 135 94	#8C875E
83.3%	83.3% #9C9364	RGB 156 147 100	#9C9364
100.0%	100.0% #ADA06B	RGB 173 160 107	#ADA06B

#4B5646 #5B624C #6B6E52 #7C7B58 #8C875E #9C9364 #ADA06B

#4B5646 - #ADA06B

HSV Blend

#4B5646 - #ADA06B | 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 #4B5646 as 0% and #ADA06B as 100%.

0.0%	0.0% #4B5646	RGB 75 86 70	#4B5646
16.7%	16.7% #58644E	RGB 88 100 78	#58644E
33.3%	33.3% #677356	RGB 103 115 86	#677356
50.0%	50.0% #78815C	RGB 120 129 92	#78815C
66.7%	66.7% #8B9062	RGB 139 144 98	#8B9062
83.3%	83.3% #9E9B67	RGB 158 155 103	#9E9B67
100.0%	100.0% #ADA06B	RGB 173 160 107	#ADA06B

#4B5646 #58644E #677356 #78815C #8B9062 #9E9B67 #ADA06B

#4B5646 - #78815C - #ADA06B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B5646 0%, #78815C 50%, #ADA06B 100%);
    background: -webkit-linear-gradient(top, #4B5646 0%, #78815C 50%, #ADA06B 100%);
    background: linear-gradient(to bottom, #4B5646 0%, #78815C 50%, #ADA06B 100%);
}
</style>