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

#AD8F5E #FFCD7B

Calculate the color between two colors, #AD8F5E 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)

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

0.0%	0.0% #AD8F5E	RGB 173 143 94	#AD8F5E
16.7%	16.7% #BA9962	RGB 186 153 98	#BA9962
33.3%	33.3% #C8A367	RGB 200 163 103	#C8A367
50.0%	50.0% #D6AE6C	RGB 214 174 108	#D6AE6C
66.7%	66.7% #E3B871	RGB 227 184 113	#E3B871
83.3%	83.3% #F1C276	RGB 241 194 118	#F1C276
100.0%	100.0% #FFCD7B	RGB 255 205 123	#FFCD7B

#AD8F5E #BA9962 #C8A367 #D6AE6C #E3B871 #F1C276 #FFCD7B

#AD8F5E - #FFCD7B

HSV Blend

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

0.0%	0.0% #AD8F5E	RGB 173 143 94	#AD8F5E
16.7%	16.7% #BA9963	RGB 186 153 99	#BA9963
33.3%	33.3% #C8A468	RGB 200 164 104	#C8A468
50.0%	50.0% #D6AE6D	RGB 214 174 109	#D6AE6D
66.7%	66.7% #E3B872	RGB 227 184 114	#E3B872
83.3%	83.3% #F1C276	RGB 241 194 118	#F1C276
100.0%	100.0% #FFCD7B	RGB 255 205 123	#FFCD7B

#AD8F5E #BA9963 #C8A468 #D6AE6D #E3B872 #F1C276 #FFCD7B

#AD8F5E - #D6AE6D - #FFCD7B

CSS codes

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

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