#5E6D62 - #AFA97D | 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 #5E6D62 to #AFA97D

#5E6D62 #AFA97D

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

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

0.0%	0.0% #5E6D62	RGB 94 109 98	#5E6D62
16.7%	16.7% #6B7766	RGB 107 119 102	#6B7766
33.3%	33.3% #79816B	RGB 121 129 107	#79816B
50.0%	50.0% #868B6F	RGB 134 139 111	#868B6F
66.7%	66.7% #949574	RGB 148 149 116	#949574
83.3%	83.3% #A19F78	RGB 161 159 120	#A19F78
100.0%	100.0% #AFA97D	RGB 175 169 125	#AFA97D

#5E6D62 #6B7766 #79816B #868B6F #949574 #A19F78 #AFA97D

#5E6D62 - #AFA97D

HSV Blend

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

0.0%	0.0% #5E6D62	RGB 94 109 98	#5E6D62
16.7%	16.7% #647865	RGB 100 120 101	#647865
33.3%	33.3% #6F836A	RGB 111 131 106	#6F836A
50.0%	50.0% #7C8E6F	RGB 124 142 111	#7C8E6F
66.7%	66.7% #8C9974	RGB 140 153 116	#8C9974
83.3%	83.3% #9FA479	RGB 159 164 121	#9FA479
100.0%	100.0% #AFA97D	RGB 175 169 125	#AFA97D

#5E6D62 #647865 #6F836A #7C8E6F #8C9974 #9FA479 #AFA97D

#5E6D62 - #7C8E6F - #AFA97D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6D62 0%, #7C8E6F 50%, #AFA97D 100%);
    background: -webkit-linear-gradient(top, #5E6D62 0%, #7C8E6F 50%, #AFA97D 100%);
    background: linear-gradient(to bottom, #5E6D62 0%, #7C8E6F 50%, #AFA97D 100%);
}
</style>