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

#BC8C5E #FFCD7C

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

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

0.0%	0.0% #BC8C5E	RGB 188 140 94	#BC8C5E
16.7%	16.7% #C79663	RGB 199 150 99	#C79663
33.3%	33.3% #D2A168	RGB 210 161 104	#D2A168
50.0%	50.0% #DDAC6D	RGB 221 172 109	#DDAC6D
66.7%	66.7% #E8B772	RGB 232 183 114	#E8B772
83.3%	83.3% #F3C277	RGB 243 194 119	#F3C277
100.0%	100.0% #FFCD7C	RGB 255 205 124	#FFCD7C

#BC8C5E #C79663 #D2A168 #DDAC6D #E8B772 #F3C277 #FFCD7C

#BC8C5E - #FFCD7C

HSV Blend

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

0.0%	0.0% #BC8C5E	RGB 188 140 94	#BC8C5E
16.7%	16.7% #C79663	RGB 199 150 99	#C79663
33.3%	33.3% #D2A068	RGB 210 160 104	#D2A068
50.0%	50.0% #DDAB6D	RGB 221 171 109	#DDAB6D
66.7%	66.7% #E8B672	RGB 232 182 114	#E8B672
83.3%	83.3% #F3C177	RGB 243 193 119	#F3C177
100.0%	100.0% #FFCD7C	RGB 255 205 124	#FFCD7C

#BC8C5E #C79663 #D2A068 #DDAB6D #E8B672 #F3C177 #FFCD7C

#BC8C5E - #DDAB6D - #FFCD7C

CSS codes

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

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