#AF8C60 - #FFCC7D | 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 #AF8C60 to #FFCC7D

#AF8C60 #FFCC7D

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

#AF8C60 - #FFCC7D | 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 #AF8C60 as 0% and #FFCC7D as 100%.

0.0%	0.0% #AF8C60	RGB 175 140 96	#AF8C60
16.7%	16.7% #BC9664	RGB 188 150 100	#BC9664
33.3%	33.3% #C9A169	RGB 201 161 105	#C9A169
50.0%	50.0% #D7AC6E	RGB 215 172 110	#D7AC6E
66.7%	66.7% #E4B673	RGB 228 182 115	#E4B673
83.3%	83.3% #F1C178	RGB 241 193 120	#F1C178
100.0%	100.0% #FFCC7D	RGB 255 204 125	#FFCC7D

#AF8C60 #BC9664 #C9A169 #D7AC6E #E4B673 #F1C178 #FFCC7D

#AF8C60 - #FFCC7D

HSV Blend

#AF8C60 - #FFCC7D | 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 #AF8C60 as 0% and #FFCC7D as 100%.

0.0%	0.0% #AF8C60	RGB 175 140 96	#AF8C60
16.7%	16.7% #BC9665	RGB 188 150 101	#BC9665
33.3%	33.3% #C9A16A	RGB 201 161 106	#C9A16A
50.0%	50.0% #D7AB6F	RGB 215 171 111	#D7AB6F
66.7%	66.7% #E4B674	RGB 228 182 116	#E4B674
83.3%	83.3% #F1C178	RGB 241 193 120	#F1C178
100.0%	100.0% #FFCC7D	RGB 255 204 125	#FFCC7D

#AF8C60 #BC9665 #C9A16A #D7AB6F #E4B674 #F1C178 #FFCC7D

#AF8C60 - #D7AB6F - #FFCC7D

CSS codes

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

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