#ACBF5E - #FFA381 | 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 #ACBF5E to #FFA381

#ACBF5E #FFA381

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

#ACBF5E - #FFA381 | 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 #ACBF5E as 0% and #FFA381 as 100%.

0.0%	0.0% #ACBF5E	RGB 172 191 94	#ACBF5E
16.7%	16.7% #B9BA63	RGB 185 186 99	#B9BA63
33.3%	33.3% #C7B569	RGB 199 181 105	#C7B569
50.0%	50.0% #D5B16F	RGB 213 177 111	#D5B16F
66.7%	66.7% #E3AC75	RGB 227 172 117	#E3AC75
83.3%	83.3% #F1A77B	RGB 241 167 123	#F1A77B
100.0%	100.0% #FFA381	RGB 255 163 129	#FFA381

#ACBF5E #B9BA63 #C7B569 #D5B16F #E3AC75 #F1A77B #FFA381

#ACBF5E - #FFA381

HSV Blend

#ACBF5E - #FFA381 | 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 #ACBF5E as 0% and #FFA381 as 100%.

0.0%	0.0% #ACBF5E	RGB 172 191 94	#ACBF5E
16.7%	16.7% #C5C963	RGB 197 201 99	#C5C963
33.3%	33.3% #D4C869	RGB 212 200 105	#D4C869
50.0%	50.0% #DFC16F	RGB 223 193 111	#DFC16F
66.7%	66.7% #E9B875	RGB 233 184 117	#E9B875
83.3%	83.3% #F4AE7B	RGB 244 174 123	#F4AE7B
100.0%	100.0% #FFA381	RGB 255 163 129	#FFA381

#ACBF5E #C5C963 #D4C869 #DFC16F #E9B875 #F4AE7B #FFA381

#ACBF5E - #DFC16F - #FFA381

CSS codes

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

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