#DBC9A1 - #B58D4C | 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 #DBC9A1 to #B58D4C

#DBC9A1 #B58D4C

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

#DBC9A1 - #B58D4C | 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 #DBC9A1 as 0% and #B58D4C as 100%.

0.0%	0.0% #DBC9A1	RGB 219 201 161	#DBC9A1
16.7%	16.7% #D4BF92	RGB 212 191 146	#D4BF92
33.3%	33.3% #CEB584	RGB 206 181 132	#CEB584
50.0%	50.0% #C8AB76	RGB 200 171 118	#C8AB76
66.7%	66.7% #C1A168	RGB 193 161 104	#C1A168
83.3%	83.3% #BB975A	RGB 187 151 90	#BB975A
100.0%	100.0% #B58D4C	RGB 181 141 76	#B58D4C

#DBC9A1 #D4BF92 #CEB584 #C8AB76 #C1A168 #BB975A #B58D4C

#DBC9A1 - #B58D4C

HSV Blend

#DBC9A1 - #B58D4C | 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 #DBC9A1 as 0% and #B58D4C as 100%.

0.0%	0.0% #DBC9A1	RGB 219 201 161	#DBC9A1
16.7%	16.7% #D4BE91	RGB 212 190 145	#D4BE91
33.3%	33.3% #CEB482	RGB 206 180 130	#CEB482
50.0%	50.0% #C8AA73	RGB 200 170 115	#C8AA73
66.7%	66.7% #C1A065	RGB 193 160 101	#C1A065
83.3%	83.3% #BB9658	RGB 187 150 88	#BB9658
100.0%	100.0% #B58D4C	RGB 181 141 76	#B58D4C

#DBC9A1 #D4BE91 #CEB482 #C8AA73 #C1A065 #BB9658 #B58D4C

#DBC9A1 - #C8AA73 - #B58D4C

CSS codes

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

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