#A16F6F - #F8BC92 | 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 #A16F6F to #F8BC92

#A16F6F #F8BC92

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

#A16F6F - #F8BC92 | 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 #A16F6F as 0% and #F8BC92 as 100%.

0.0%	0.0% #A16F6F	RGB 161 111 111	#A16F6F
16.7%	16.7% #AF7B74	RGB 175 123 116	#AF7B74
33.3%	33.3% #BE887A	RGB 190 136 122	#BE887A
50.0%	50.0% #CC9580	RGB 204 149 128	#CC9580
66.7%	66.7% #DBA286	RGB 219 162 134	#DBA286
83.3%	83.3% #E9AF8C	RGB 233 175 140	#E9AF8C
100.0%	100.0% #F8BC92	RGB 248 188 146	#F8BC92

#A16F6F #AF7B74 #BE887A #CC9580 #DBA286 #E9AF8C #F8BC92

#A16F6F - #F8BC92

HSV Blend

#A16F6F - #F8BC92 | 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 #A16F6F as 0% and #F8BC92 as 100%.

0.0%	0.0% #A16F6F	RGB 161 111 111	#A16F6F
16.7%	16.7% #AF7976	RGB 175 121 118	#AF7976
33.3%	33.3% #BE857C	RGB 190 133 124	#BE857C
50.0%	50.0% #CC9182	RGB 204 145 130	#CC9182
66.7%	66.7% #DB9E88	RGB 219 158 136	#DB9E88
83.3%	83.3% #E9AC8D	RGB 233 172 141	#E9AC8D
100.0%	100.0% #F8BC92	RGB 248 188 146	#F8BC92

#A16F6F #AF7976 #BE857C #CC9182 #DB9E88 #E9AC8D #F8BC92

#A16F6F - #CC9182 - #F8BC92

CSS codes

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

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