#DBD1BA - #AF9C5E | 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 #DBD1BA to #AF9C5E

#DBD1BA #AF9C5E

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

#DBD1BA - #AF9C5E | 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 #DBD1BA as 0% and #AF9C5E as 100%.

0.0%	0.0% #DBD1BA	RGB 219 209 186	#DBD1BA
16.7%	16.7% #D3C8AA	RGB 211 200 170	#D3C8AA
33.3%	33.3% #CCBF9B	RGB 204 191 155	#CCBF9B
50.0%	50.0% #C5B68C	RGB 197 182 140	#C5B68C
66.7%	66.7% #BDAD7C	RGB 189 173 124	#BDAD7C
83.3%	83.3% #B6A46D	RGB 182 164 109	#B6A46D
100.0%	100.0% #AF9C5E	RGB 175 156 94	#AF9C5E

#DBD1BA #D3C8AA #CCBF9B #C5B68C #BDAD7C #B6A46D #AF9C5E

#DBD1BA - #AF9C5E

HSV Blend

#DBD1BA - #AF9C5E | 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 #DBD1BA as 0% and #AF9C5E as 100%.

0.0%	0.0% #DBD1BA	RGB 219 209 186	#DBD1BA
16.7%	16.7% #D3C7A8	RGB 211 199 168	#D3C7A8
33.3%	33.3% #CCBD98	RGB 204 189 152	#CCBD98
50.0%	50.0% #C5B488	RGB 197 180 136	#C5B488
66.7%	66.7% #BDAC79	RGB 189 172 121	#BDAC79
83.3%	83.3% #B6A36B	RGB 182 163 107	#B6A36B
100.0%	100.0% #AF9C5E	RGB 175 156 94	#AF9C5E

#DBD1BA #D3C7A8 #CCBD98 #C5B488 #BDAC79 #B6A36B #AF9C5E

#DBD1BA - #C5B488 - #AF9C5E

CSS codes

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

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