#DBD4B2 - #B89E5D | 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 #DBD4B2 to #B89E5D

#DBD4B2 #B89E5D

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

#DBD4B2 - #B89E5D | 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 #DBD4B2 as 0% and #B89E5D as 100%.

0.0%	0.0% #DBD4B2	RGB 219 212 178	#DBD4B2
16.7%	16.7% #D5CBA3	RGB 213 203 163	#D5CBA3
33.3%	33.3% #CFC295	RGB 207 194 149	#CFC295
50.0%	50.0% #C9B987	RGB 201 185 135	#C9B987
66.7%	66.7% #C3B079	RGB 195 176 121	#C3B079
83.3%	83.3% #BDA76B	RGB 189 167 107	#BDA76B
100.0%	100.0% #B89E5D	RGB 184 158 93	#B89E5D

#DBD4B2 #D5CBA3 #CFC295 #C9B987 #C3B079 #BDA76B #B89E5D

#DBD4B2 - #B89E5D

HSV Blend

#DBD4B2 - #B89E5D | 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 #DBD4B2 as 0% and #B89E5D as 100%.

0.0%	0.0% #DBD4B2	RGB 219 212 178	#DBD4B2
16.7%	16.7% #D5CBA2	RGB 213 203 162	#D5CBA2
33.3%	33.3% #CFC293	RGB 207 194 147	#CFC293
50.0%	50.0% #C9B984	RGB 201 185 132	#C9B984
66.7%	66.7% #C3B076	RGB 195 176 118	#C3B076
83.3%	83.3% #BDA769	RGB 189 167 105	#BDA769
100.0%	100.0% #B89E5D	RGB 184 158 93	#B89E5D

#DBD4B2 #D5CBA2 #CFC293 #C9B984 #C3B076 #BDA769 #B89E5D

#DBD4B2 - #C9B984 - #B89E5D

CSS codes

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

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