#DBD4C7 - #BA9975 | 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 #DBD4C7 to #BA9975

#DBD4C7 #BA9975

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

#DBD4C7 - #BA9975 | 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 #DBD4C7 as 0% and #BA9975 as 100%.

0.0%	0.0% #DBD4C7	RGB 219 212 199	#DBD4C7
16.7%	16.7% #D5CAB9	RGB 213 202 185	#D5CAB9
33.3%	33.3% #D0C0AB	RGB 208 192 171	#D0C0AB
50.0%	50.0% #CAB69E	RGB 202 182 158	#CAB69E
66.7%	66.7% #C5AC90	RGB 197 172 144	#C5AC90
83.3%	83.3% #BFA282	RGB 191 162 130	#BFA282
100.0%	100.0% #BA9975	RGB 186 153 117	#BA9975

#DBD4C7 #D5CAB9 #D0C0AB #CAB69E #C5AC90 #BFA282 #BA9975

#DBD4C7 - #BA9975

HSV Blend

#DBD4C7 - #BA9975 | 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 #DBD4C7 as 0% and #BA9975 as 100%.

0.0%	0.0% #DBD4C7	RGB 219 212 199	#DBD4C7
16.7%	16.7% #D5CAB8	RGB 213 202 184	#D5CAB8
33.3%	33.3% #D0C0A9	RGB 208 192 169	#D0C0A9
50.0%	50.0% #CAB79B	RGB 202 183 155	#CAB79B
66.7%	66.7% #C5AD8E	RGB 197 173 142	#C5AD8E
83.3%	83.3% #BFA381	RGB 191 163 129	#BFA381
100.0%	100.0% #BA9975	RGB 186 153 117	#BA9975

#DBD4C7 #D5CAB8 #D0C0A9 #CAB79B #C5AD8E #BFA381 #BA9975

#DBD4C7 - #CAB79B - #BA9975

CSS codes

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

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