#DCD2D5 - #AC848E | 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 #DCD2D5 to #AC848E

#DCD2D5 #AC848E

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

#DCD2D5 - #AC848E | 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 #DCD2D5 as 0% and #AC848E as 100%.

0.0%	0.0% #DCD2D5	RGB 220 210 213	#DCD2D5
16.7%	16.7% #D4C5C9	RGB 212 197 201	#D4C5C9
33.3%	33.3% #CCB8BD	RGB 204 184 189	#CCB8BD
50.0%	50.0% #C4ABB1	RGB 196 171 177	#C4ABB1
66.7%	66.7% #BC9EA5	RGB 188 158 165	#BC9EA5
83.3%	83.3% #B49199	RGB 180 145 153	#B49199
100.0%	100.0% #AC848E	RGB 172 132 142	#AC848E

#DCD2D5 #D4C5C9 #CCB8BD #C4ABB1 #BC9EA5 #B49199 #AC848E

#DCD2D5 - #AC848E

HSV Blend

#DCD2D5 - #AC848E | 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 #DCD2D5 as 0% and #AC848E as 100%.

0.0%	0.0% #DCD2D5	RGB 220 210 213	#DCD2D5
16.7%	16.7% #D4C3C8	RGB 212 195 200	#D4C3C8
33.3%	33.3% #CCB6BC	RGB 204 182 188	#CCB6BC
50.0%	50.0% #C4A8B0	RGB 196 168 176	#C4A8B0
66.7%	66.7% #BC9CA4	RGB 188 156 164	#BC9CA4
83.3%	83.3% #B48F99	RGB 180 143 153	#B48F99
100.0%	100.0% #AC848E	RGB 172 132 142	#AC848E

#DCD2D5 #D4C3C8 #CCB6BC #C4A8B0 #BC9CA4 #B48F99 #AC848E

#DCD2D5 - #C4A8B0 - #AC848E

CSS codes

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

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