#BF8C5E - #FFCD7C | 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 #BF8C5E to #FFCD7C

#BF8C5E #FFCD7C

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

#BF8C5E - #FFCD7C | 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 #BF8C5E as 0% and #FFCD7C as 100%.

0.0%	0.0% #BF8C5E	RGB 191 140 94	#BF8C5E
16.7%	16.7% #C99663	RGB 201 150 99	#C99663
33.3%	33.3% #D4A168	RGB 212 161 104	#D4A168
50.0%	50.0% #DFAC6D	RGB 223 172 109	#DFAC6D
66.7%	66.7% #E9B772	RGB 233 183 114	#E9B772
83.3%	83.3% #F4C277	RGB 244 194 119	#F4C277
100.0%	100.0% #FFCD7C	RGB 255 205 124	#FFCD7C

#BF8C5E #C99663 #D4A168 #DFAC6D #E9B772 #F4C277 #FFCD7C

#BF8C5E - #FFCD7C

HSV Blend

#BF8C5E - #FFCD7C | 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 #BF8C5E as 0% and #FFCD7C as 100%.

0.0%	0.0% #BF8C5E	RGB 191 140 94	#BF8C5E
16.7%	16.7% #C99663	RGB 201 150 99	#C99663
33.3%	33.3% #D4A068	RGB 212 160 104	#D4A068
50.0%	50.0% #DFAB6D	RGB 223 171 109	#DFAB6D
66.7%	66.7% #E9B672	RGB 233 182 114	#E9B672
83.3%	83.3% #F4C177	RGB 244 193 119	#F4C177
100.0%	100.0% #FFCD7C	RGB 255 205 124	#FFCD7C

#BF8C5E #C99663 #D4A068 #DFAB6D #E9B672 #F4C177 #FFCD7C

#BF8C5E - #DFAB6D - #FFCD7C

CSS codes

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

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