#DCD0CB - #AB897B | 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 #DCD0CB to #AB897B

#DCD0CB #AB897B

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

#DCD0CB - #AB897B | 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 #DCD0CB as 0% and #AB897B as 100%.

0.0%	0.0% #DCD0CB	RGB 220 208 203	#DCD0CB
16.7%	16.7% #D3C4BD	RGB 211 196 189	#D3C4BD
33.3%	33.3% #CBB8B0	RGB 203 184 176	#CBB8B0
50.0%	50.0% #C3ACA3	RGB 195 172 163	#C3ACA3
66.7%	66.7% #BBA095	RGB 187 160 149	#BBA095
83.3%	83.3% #B39488	RGB 179 148 136	#B39488
100.0%	100.0% #AB897B	RGB 171 137 123	#AB897B

#DCD0CB #D3C4BD #CBB8B0 #C3ACA3 #BBA095 #B39488 #AB897B

#DCD0CB - #AB897B

HSV Blend

#DCD0CB - #AB897B | 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 #DCD0CB as 0% and #AB897B as 100%.

0.0%	0.0% #DCD0CB	RGB 220 208 203	#DCD0CB
16.7%	16.7% #D3C3BC	RGB 211 195 188	#D3C3BC
33.3%	33.3% #CBB6AE	RGB 203 182 174	#CBB6AE
50.0%	50.0% #C3AAA0	RGB 195 170 160	#C3AAA0
66.7%	66.7% #BB9F93	RGB 187 159 147	#BB9F93
83.3%	83.3% #B39386	RGB 179 147 134	#B39386
100.0%	100.0% #AB897B	RGB 171 137 123	#AB897B

#DCD0CB #D3C3BC #CBB6AE #C3AAA0 #BB9F93 #B39386 #AB897B

#DCD0CB - #C3AAA0 - #AB897B

CSS codes

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

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