#D9BF9F - #BA7E4A | 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 #D9BF9F to #BA7E4A

#D9BF9F #BA7E4A

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

#D9BF9F - #BA7E4A | 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 #D9BF9F as 0% and #BA7E4A as 100%.

0.0%	0.0% #D9BF9F	RGB 217 191 159	#D9BF9F
16.7%	16.7% #D3B490	RGB 211 180 144	#D3B490
33.3%	33.3% #CEA982	RGB 206 169 130	#CEA982
50.0%	50.0% #C99E74	RGB 201 158 116	#C99E74
66.7%	66.7% #C49366	RGB 196 147 102	#C49366
83.3%	83.3% #BF8858	RGB 191 136 88	#BF8858
100.0%	100.0% #BA7E4A	RGB 186 126 74	#BA7E4A

#D9BF9F #D3B490 #CEA982 #C99E74 #C49366 #BF8858 #BA7E4A

#D9BF9F - #BA7E4A

HSV Blend

#D9BF9F - #BA7E4A | 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 #D9BF9F as 0% and #BA7E4A as 100%.

0.0%	0.0% #D9BF9F	RGB 217 191 159	#D9BF9F
16.7%	16.7% #D3B48F	RGB 211 180 143	#D3B48F
33.3%	33.3% #CEA980	RGB 206 169 128	#CEA980
50.0%	50.0% #C99E71	RGB 201 158 113	#C99E71
66.7%	66.7% #C49364	RGB 196 147 100	#C49364
83.3%	83.3% #BF8856	RGB 191 136 86	#BF8856
100.0%	100.0% #BA7E4A	RGB 186 126 74	#BA7E4A

#D9BF9F #D3B48F #CEA980 #C99E71 #C49364 #BF8856 #BA7E4A

#D9BF9F - #C99E71 - #BA7E4A

CSS codes

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

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