#DBD7A8 - #B7A553 | 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 #DBD7A8 to #B7A553

#DBD7A8 #B7A553

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

#DBD7A8 - #B7A553 | 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 #DBD7A8 as 0% and #B7A553 as 100%.

0.0%	0.0% #DBD7A8	RGB 219 215 168	#DBD7A8
16.7%	16.7% #D5CE99	RGB 213 206 153	#D5CE99
33.3%	33.3% #CFC68B	RGB 207 198 139	#CFC68B
50.0%	50.0% #C9BE7D	RGB 201 190 125	#C9BE7D
66.7%	66.7% #C3B56F	RGB 195 181 111	#C3B56F
83.3%	83.3% #BDAD61	RGB 189 173 97	#BDAD61
100.0%	100.0% #B7A553	RGB 183 165 83	#B7A553

#DBD7A8 #D5CE99 #CFC68B #C9BE7D #C3B56F #BDAD61 #B7A553

#DBD7A8 - #B7A553

HSV Blend

#DBD7A8 - #B7A553 | 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 #DBD7A8 as 0% and #B7A553 as 100%.

0.0%	0.0% #DBD7A8	RGB 219 215 168	#DBD7A8
16.7%	16.7% #D5CF98	RGB 213 207 152	#D5CF98
33.3%	33.3% #CFC789	RGB 207 199 137	#CFC789
50.0%	50.0% #C9BE7A	RGB 201 190 122	#C9BE7A
66.7%	66.7% #C3B66C	RGB 195 182 108	#C3B66C
83.3%	83.3% #BDAD5F	RGB 189 173 95	#BDAD5F
100.0%	100.0% #B7A553	RGB 183 165 83	#B7A553

#DBD7A8 #D5CF98 #CFC789 #C9BE7A #C3B66C #BDAD5F #B7A553

#DBD7A8 - #C9BE7A - #B7A553

CSS codes

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

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