#5E5752 - #D4BB7C | 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 #5E5752 to #D4BB7C

#5E5752 #D4BB7C

Calculate the color between two colors, #5E5752 and #D4BB7C. 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)

#5E5752 - #D4BB7C | 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 #5E5752 as 0% and #D4BB7C as 100%.

0.0%	0.0% #5E5752	RGB 94 87 82	#5E5752
16.7%	16.7% #716759	RGB 113 103 89	#716759
33.3%	33.3% #857860	RGB 133 120 96	#857860
50.0%	50.0% #998967	RGB 153 137 103	#998967
66.7%	66.7% #AC996E	RGB 172 153 110	#AC996E
83.3%	83.3% #C0AA75	RGB 192 170 117	#C0AA75
100.0%	100.0% #D4BB7C	RGB 212 187 124	#D4BB7C

#5E5752 #716759 #857860 #998967 #AC996E #C0AA75 #D4BB7C

#5E5752 - #D4BB7C

HSV Blend

#5E5752 - #D4BB7C | 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 #5E5752 as 0% and #D4BB7C as 100%.

0.0%	0.0% #5E5752	RGB 94 87 82	#5E5752
16.7%	16.7% #71675D	RGB 113 103 93	#71675D
33.3%	33.3% #857667	RGB 133 118 103	#857667
50.0%	50.0% #99866F	RGB 153 134 111	#99866F
66.7%	66.7% #AC9775	RGB 172 151 117	#AC9775
83.3%	83.3% #C0A879	RGB 192 168 121	#C0A879
100.0%	100.0% #D4BB7C	RGB 212 187 124	#D4BB7C

#5E5752 #71675D #857667 #99866F #AC9775 #C0A879 #D4BB7C

#5E5752 - #99866F - #D4BB7C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5752 0%, #99866F 50%, #D4BB7C 100%);
    background: -webkit-linear-gradient(top, #5E5752 0%, #99866F 50%, #D4BB7C 100%);
    background: linear-gradient(to bottom, #5E5752 0%, #99866F 50%, #D4BB7C 100%);
}
</style>