#BD8C8C - #FED5AE | 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 #BD8C8C to #FED5AE

#BD8C8C #FED5AE

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

#BD8C8C - #FED5AE | 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 #BD8C8C as 0% and #FED5AE as 100%.

0.0%	0.0% #BD8C8C	RGB 189 140 140	#BD8C8C
16.7%	16.7% #C79891	RGB 199 152 145	#C79891
33.3%	33.3% #D2A497	RGB 210 164 151	#D2A497
50.0%	50.0% #DDB09D	RGB 221 176 157	#DDB09D
66.7%	66.7% #E8BCA2	RGB 232 188 162	#E8BCA2
83.3%	83.3% #F3C8A8	RGB 243 200 168	#F3C8A8
100.0%	100.0% #FED5AE	RGB 254 213 174	#FED5AE

#BD8C8C #C79891 #D2A497 #DDB09D #E8BCA2 #F3C8A8 #FED5AE

#BD8C8C - #FED5AE

HSV Blend

#BD8C8C - #FED5AE | 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 #BD8C8C as 0% and #FED5AE as 100%.

0.0%	0.0% #BD8C8C	RGB 189 140 140	#BD8C8C
16.7%	16.7% #C79692	RGB 199 150 146	#C79692
33.3%	33.3% #D2A198	RGB 210 161 152	#D2A198
50.0%	50.0% #DDAD9D	RGB 221 173 157	#DDAD9D
66.7%	66.7% #E8B9A3	RGB 232 185 163	#E8B9A3
83.3%	83.3% #F3C7A8	RGB 243 199 168	#F3C7A8
100.0%	100.0% #FED5AE	RGB 254 213 174	#FED5AE

#BD8C8C #C79692 #D2A198 #DDAD9D #E8B9A3 #F3C7A8 #FED5AE

#BD8C8C - #DDAD9D - #FED5AE

CSS codes

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

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