#BDA88D - #FFF3AC | 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 #BDA88D to #FFF3AC

#BDA88D #FFF3AC

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

#BDA88D - #FFF3AC | 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 #BDA88D as 0% and #FFF3AC as 100%.

0.0%	0.0% #BDA88D	RGB 189 168 141	#BDA88D
16.7%	16.7% #C8B492	RGB 200 180 146	#C8B492
33.3%	33.3% #D3C197	RGB 211 193 151	#D3C197
50.0%	50.0% #DECD9C	RGB 222 205 156	#DECD9C
66.7%	66.7% #E9DAA1	RGB 233 218 161	#E9DAA1
83.3%	83.3% #F4E6A6	RGB 244 230 166	#F4E6A6
100.0%	100.0% #FFF3AC	RGB 255 243 172	#FFF3AC

#BDA88D #C8B492 #D3C197 #DECD9C #E9DAA1 #F4E6A6 #FFF3AC

#BDA88D - #FFF3AC

HSV Blend

#BDA88D - #FFF3AC | 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 #BDA88D as 0% and #FFF3AC as 100%.

0.0%	0.0% #BDA88D	RGB 189 168 141	#BDA88D
16.7%	16.7% #C8B392	RGB 200 179 146	#C8B392
33.3%	33.3% #D3BF98	RGB 211 191 152	#D3BF98
50.0%	50.0% #DECB9D	RGB 222 203 157	#DECB9D
66.7%	66.7% #E9D7A2	RGB 233 215 162	#E9D7A2
83.3%	83.3% #F4E5A7	RGB 244 229 167	#F4E5A7
100.0%	100.0% #FFF3AC	RGB 255 243 172	#FFF3AC

#BDA88D #C8B392 #D3BF98 #DECB9D #E9D7A2 #F4E5A7 #FFF3AC

#BDA88D - #DECB9D - #FFF3AC

CSS codes

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

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