#DBD9D9 - #B49887 | 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 #DBD9D9 to #B49887

#DBD9D9 #B49887

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

#DBD9D9 - #B49887 | 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 #DBD9D9 as 0% and #B49887 as 100%.

0.0%	0.0% #DBD9D9	RGB 219 217 217	#DBD9D9
16.7%	16.7% #D4CECB	RGB 212 206 203	#D4CECB
33.3%	33.3% #CEC3BD	RGB 206 195 189	#CEC3BD
50.0%	50.0% #C7B8B0	RGB 199 184 176	#C7B8B0
66.7%	66.7% #C1ADA2	RGB 193 173 162	#C1ADA2
83.3%	83.3% #BAA294	RGB 186 162 148	#BAA294
100.0%	100.0% #B49887	RGB 180 152 135	#B49887

#DBD9D9 #D4CECB #CEC3BD #C7B8B0 #C1ADA2 #BAA294 #B49887

#DBD9D9 - #B49887

HSV Blend

#DBD9D9 - #B49887 | 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 #DBD9D9 as 0% and #B49887 as 100%.

0.0%	0.0% #DBD9D9	RGB 219 217 217	#DBD9D9
16.7%	16.7% #D4CACA	RGB 212 202 202	#D4CACA
33.3%	33.3% #CEBDBB	RGB 206 189 187	#CEBDBB
50.0%	50.0% #C7B2AD	RGB 199 178 173	#C7B2AD
66.7%	66.7% #C1A8A0	RGB 193 168 160	#C1A8A0
83.3%	83.3% #BA9F93	RGB 186 159 147	#BA9F93
100.0%	100.0% #B49887	RGB 180 152 135	#B49887

#DBD9D9 #D4CACA #CEBDBB #C7B2AD #C1A8A0 #BA9F93 #B49887

#DBD9D9 - #C7B2AD - #B49887

CSS codes

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

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