#D9C09E - #BA8049 | 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 #D9C09E to #BA8049

#D9C09E #BA8049

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

#D9C09E - #BA8049 | 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 #D9C09E as 0% and #BA8049 as 100%.

0.0%	0.0% #D9C09E	RGB 217 192 158	#D9C09E
16.7%	16.7% #D3B58F	RGB 211 181 143	#D3B58F
33.3%	33.3% #CEAA81	RGB 206 170 129	#CEAA81
50.0%	50.0% #C9A073	RGB 201 160 115	#C9A073
66.7%	66.7% #C49565	RGB 196 149 101	#C49565
83.3%	83.3% #BF8A57	RGB 191 138 87	#BF8A57
100.0%	100.0% #BA8049	RGB 186 128 73	#BA8049

#D9C09E #D3B58F #CEAA81 #C9A073 #C49565 #BF8A57 #BA8049

#D9C09E - #BA8049

HSV Blend

#D9C09E - #BA8049 | 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 #D9C09E as 0% and #BA8049 as 100%.

0.0%	0.0% #D9C09E	RGB 217 192 158	#D9C09E
16.7%	16.7% #D3B58E	RGB 211 181 142	#D3B58E
33.3%	33.3% #CEAA7F	RGB 206 170 127	#CEAA7F
50.0%	50.0% #C99F70	RGB 201 159 112	#C99F70
66.7%	66.7% #C49563	RGB 196 149 99	#C49563
83.3%	83.3% #BF8A55	RGB 191 138 85	#BF8A55
100.0%	100.0% #BA8049	RGB 186 128 73	#BA8049

#D9C09E #D3B58E #CEAA7F #C99F70 #C49563 #BF8A55 #BA8049

#D9C09E - #C99F70 - #BA8049

CSS codes

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

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