#D2BA8D - #AB8D3C | 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 #D2BA8D to #AB8D3C

#D2BA8D #AB8D3C

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

#D2BA8D - #AB8D3C | 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 #D2BA8D as 0% and #AB8D3C as 100%.

0.0%	0.0% #D2BA8D	RGB 210 186 141	#D2BA8D
16.7%	16.7% #CBB27F	RGB 203 178 127	#CBB27F
33.3%	33.3% #C5AB72	RGB 197 171 114	#C5AB72
50.0%	50.0% #BEA364	RGB 190 163 100	#BEA364
66.7%	66.7% #B89C57	RGB 184 156 87	#B89C57
83.3%	83.3% #B19449	RGB 177 148 73	#B19449
100.0%	100.0% #AB8D3C	RGB 171 141 60	#AB8D3C

#D2BA8D #CBB27F #C5AB72 #BEA364 #B89C57 #B19449 #AB8D3C

#D2BA8D - #AB8D3C

HSV Blend

#D2BA8D - #AB8D3C | 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 #D2BA8D as 0% and #AB8D3C as 100%.

0.0%	0.0% #D2BA8D	RGB 210 186 141	#D2BA8D
16.7%	16.7% #CBB17D	RGB 203 177 125	#CBB17D
33.3%	33.3% #C5A96F	RGB 197 169 111	#C5A96F
50.0%	50.0% #BEA161	RGB 190 161 97	#BEA161
66.7%	66.7% #B89A54	RGB 184 154 84	#B89A54
83.3%	83.3% #B19347	RGB 177 147 71	#B19347
100.0%	100.0% #AB8D3C	RGB 171 141 60	#AB8D3C

#D2BA8D #CBB17D #C5A96F #BEA161 #B89A54 #B19347 #AB8D3C

#D2BA8D - #BEA161 - #AB8D3C

CSS codes

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

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