#D9C0A0 - #BA804B | 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 #D9C0A0 to #BA804B

#D9C0A0 #BA804B

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

#D9C0A0 - #BA804B | 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 #D9C0A0 as 0% and #BA804B as 100%.

0.0%	0.0% #D9C0A0	RGB 217 192 160	#D9C0A0
16.7%	16.7% #D3B591	RGB 211 181 145	#D3B591
33.3%	33.3% #CEAA83	RGB 206 170 131	#CEAA83
50.0%	50.0% #C9A075	RGB 201 160 117	#C9A075
66.7%	66.7% #C49567	RGB 196 149 103	#C49567
83.3%	83.3% #BF8A59	RGB 191 138 89	#BF8A59
100.0%	100.0% #BA804B	RGB 186 128 75	#BA804B

#D9C0A0 #D3B591 #CEAA83 #C9A075 #C49567 #BF8A59 #BA804B

#D9C0A0 - #BA804B

HSV Blend

#D9C0A0 - #BA804B | 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 #D9C0A0 as 0% and #BA804B as 100%.

0.0%	0.0% #D9C0A0	RGB 217 192 160	#D9C0A0
16.7%	16.7% #D3B590	RGB 211 181 144	#D3B590
33.3%	33.3% #CEAA81	RGB 206 170 129	#CEAA81
50.0%	50.0% #C99F72	RGB 201 159 114	#C99F72
66.7%	66.7% #C49565	RGB 196 149 101	#C49565
83.3%	83.3% #BF8A57	RGB 191 138 87	#BF8A57
100.0%	100.0% #BA804B	RGB 186 128 75	#BA804B

#D9C0A0 #D3B590 #CEAA81 #C99F72 #C49565 #BF8A57 #BA804B

#D9C0A0 - #C99F72 - #BA804B

CSS codes

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

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