#DBD4C9 - #BA9878 | 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 #DBD4C9 to #BA9878

#DBD4C9 #BA9878

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

#DBD4C9 - #BA9878 | 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 #DBD4C9 as 0% and #BA9878 as 100%.

0.0%	0.0% #DBD4C9	RGB 219 212 201	#DBD4C9
16.7%	16.7% #D5CABB	RGB 213 202 187	#D5CABB
33.3%	33.3% #D0C0AE	RGB 208 192 174	#D0C0AE
50.0%	50.0% #CAB6A0	RGB 202 182 160	#CAB6A0
66.7%	66.7% #C5AC93	RGB 197 172 147	#C5AC93
83.3%	83.3% #BFA285	RGB 191 162 133	#BFA285
100.0%	100.0% #BA9878	RGB 186 152 120	#BA9878

#DBD4C9 #D5CABB #D0C0AE #CAB6A0 #C5AC93 #BFA285 #BA9878

#DBD4C9 - #BA9878

HSV Blend

#DBD4C9 - #BA9878 | 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 #DBD4C9 as 0% and #BA9878 as 100%.

0.0%	0.0% #DBD4C9	RGB 219 212 201	#DBD4C9
16.7%	16.7% #D5CABA	RGB 213 202 186	#D5CABA
33.3%	33.3% #D0C0AC	RGB 208 192 172	#D0C0AC
50.0%	50.0% #CAB69E	RGB 202 182 158	#CAB69E
66.7%	66.7% #C5AC91	RGB 197 172 145	#C5AC91
83.3%	83.3% #BFA284	RGB 191 162 132	#BFA284
100.0%	100.0% #BA9878	RGB 186 152 120	#BA9878

#DBD4C9 #D5CABA #D0C0AC #CAB69E #C5AC91 #BFA284 #BA9878

#DBD4C9 - #CAB69E - #BA9878

CSS codes

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

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