#CFAB7F - #AE702E | 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 #CFAB7F to #AE702E

#CFAB7F #AE702E

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

#CFAB7F - #AE702E | 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 #CFAB7F as 0% and #AE702E as 100%.

0.0%	0.0% #CFAB7F	RGB 207 171 127	#CFAB7F
16.7%	16.7% #C9A171	RGB 201 161 113	#C9A171
33.3%	33.3% #C49764	RGB 196 151 100	#C49764
50.0%	50.0% #BE8D56	RGB 190 141 86	#BE8D56
66.7%	66.7% #B98349	RGB 185 131 73	#B98349
83.3%	83.3% #B3793B	RGB 179 121 59	#B3793B
100.0%	100.0% #AE702E	RGB 174 112 46	#AE702E

#CFAB7F #C9A171 #C49764 #BE8D56 #B98349 #B3793B #AE702E

#CFAB7F - #AE702E

HSV Blend

#CFAB7F - #AE702E | 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 #CFAB7F as 0% and #AE702E as 100%.

0.0%	0.0% #CFAB7F	RGB 207 171 127	#CFAB7F
16.7%	16.7% #C9A06F	RGB 201 160 111	#C9A06F
33.3%	33.3% #C49661	RGB 196 150 97	#C49661
50.0%	50.0% #BE8C53	RGB 190 140 83	#BE8C53
66.7%	66.7% #B98246	RGB 185 130 70	#B98246
83.3%	83.3% #B37939	RGB 179 121 57	#B37939
100.0%	100.0% #AE702E	RGB 174 112 46	#AE702E

#CFAB7F #C9A06F #C49661 #BE8C53 #B98246 #B37939 #AE702E

#CFAB7F - #BE8C53 - #AE702E

CSS codes

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

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