#A88F5E - #FFCD7B | 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 #A88F5E to #FFCD7B

#A88F5E #FFCD7B

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

#A88F5E - #FFCD7B | 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 #A88F5E as 0% and #FFCD7B as 100%.

0.0%	0.0% #A88F5E	RGB 168 143 94	#A88F5E
16.7%	16.7% #B69962	RGB 182 153 98	#B69962
33.3%	33.3% #C5A367	RGB 197 163 103	#C5A367
50.0%	50.0% #D3AE6C	RGB 211 174 108	#D3AE6C
66.7%	66.7% #E2B871	RGB 226 184 113	#E2B871
83.3%	83.3% #F0C276	RGB 240 194 118	#F0C276
100.0%	100.0% #FFCD7B	RGB 255 205 123	#FFCD7B

#A88F5E #B69962 #C5A367 #D3AE6C #E2B871 #F0C276 #FFCD7B

#A88F5E - #FFCD7B

HSV Blend

#A88F5E - #FFCD7B | 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 #A88F5E as 0% and #FFCD7B as 100%.

0.0%	0.0% #A88F5E	RGB 168 143 94	#A88F5E
16.7%	16.7% #B69963	RGB 182 153 99	#B69963
33.3%	33.3% #C5A469	RGB 197 164 105	#C5A469
50.0%	50.0% #D3AF6E	RGB 211 175 110	#D3AF6E
66.7%	66.7% #E2B972	RGB 226 185 114	#E2B972
83.3%	83.3% #F0C377	RGB 240 195 119	#F0C377
100.0%	100.0% #FFCD7B	RGB 255 205 123	#FFCD7B

#A88F5E #B69963 #C5A469 #D3AF6E #E2B972 #F0C377 #FFCD7B

#A88F5E - #D3AF6E - #FFCD7B

CSS codes

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

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