#BC8F8C - #FFD7AE | 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 #BC8F8C to #FFD7AE

#BC8F8C #FFD7AE

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

#BC8F8C - #FFD7AE | 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 #BC8F8C as 0% and #FFD7AE as 100%.

0.0%	0.0% #BC8F8C	RGB 188 143 140	#BC8F8C
16.7%	16.7% #C79B91	RGB 199 155 145	#C79B91
33.3%	33.3% #D2A797	RGB 210 167 151	#D2A797
50.0%	50.0% #DDB39D	RGB 221 179 157	#DDB39D
66.7%	66.7% #E8BFA2	RGB 232 191 162	#E8BFA2
83.3%	83.3% #F3CBA8	RGB 243 203 168	#F3CBA8
100.0%	100.0% #FFD7AE	RGB 255 215 174	#FFD7AE

#BC8F8C #C79B91 #D2A797 #DDB39D #E8BFA2 #F3CBA8 #FFD7AE

#BC8F8C - #FFD7AE

HSV Blend

#BC8F8C - #FFD7AE | 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 #BC8F8C as 0% and #FFD7AE as 100%.

0.0%	0.0% #BC8F8C	RGB 188 143 140	#BC8F8C
16.7%	16.7% #C79992	RGB 199 153 146	#C79992
33.3%	33.3% #D2A498	RGB 210 164 152	#D2A498
50.0%	50.0% #DDB09E	RGB 221 176 158	#DDB09E
66.7%	66.7% #E8BCA3	RGB 232 188 163	#E8BCA3
83.3%	83.3% #F3C9A8	RGB 243 201 168	#F3C9A8
100.0%	100.0% #FFD7AE	RGB 255 215 174	#FFD7AE

#BC8F8C #C79992 #D2A498 #DDB09E #E8BCA3 #F3C9A8 #FFD7AE

#BC8F8C - #DDB09E - #FFD7AE

CSS codes

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

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