#DCD1D4 - #AC838D | 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 #DCD1D4 to #AC838D

#DCD1D4 #AC838D

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

#DCD1D4 - #AC838D | 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 #DCD1D4 as 0% and #AC838D as 100%.

0.0%	0.0% #DCD1D4	RGB 220 209 212	#DCD1D4
16.7%	16.7% #D4C4C8	RGB 212 196 200	#D4C4C8
33.3%	33.3% #CCB7BC	RGB 204 183 188	#CCB7BC
50.0%	50.0% #C4AAB0	RGB 196 170 176	#C4AAB0
66.7%	66.7% #BC9DA4	RGB 188 157 164	#BC9DA4
83.3%	83.3% #B49098	RGB 180 144 152	#B49098
100.0%	100.0% #AC838D	RGB 172 131 141	#AC838D

#DCD1D4 #D4C4C8 #CCB7BC #C4AAB0 #BC9DA4 #B49098 #AC838D

#DCD1D4 - #AC838D

HSV Blend

#DCD1D4 - #AC838D | 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 #DCD1D4 as 0% and #AC838D as 100%.

0.0%	0.0% #DCD1D4	RGB 220 209 212	#DCD1D4
16.7%	16.7% #D4C2C7	RGB 212 194 199	#D4C2C7
33.3%	33.3% #CCB4BB	RGB 204 180 187	#CCB4BB
50.0%	50.0% #C4A7AF	RGB 196 167 175	#C4A7AF
66.7%	66.7% #BC9AA3	RGB 188 154 163	#BC9AA3
83.3%	83.3% #B48E98	RGB 180 142 152	#B48E98
100.0%	100.0% #AC838D	RGB 172 131 141	#AC838D

#DCD1D4 #D4C2C7 #CCB4BB #C4A7AF #BC9AA3 #B48E98 #AC838D

#DCD1D4 - #C4A7AF - #AC838D

CSS codes

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

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