#DED2D7 - #AC828B | 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 #DED2D7 to #AC828B

#DED2D7 #AC828B

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

#DED2D7 - #AC828B | 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 #DED2D7 as 0% and #AC828B as 100%.

0.0%	0.0% #DED2D7	RGB 222 210 215	#DED2D7
16.7%	16.7% #D5C4CA	RGB 213 196 202	#D5C4CA
33.3%	33.3% #CDB7BD	RGB 205 183 189	#CDB7BD
50.0%	50.0% #C5AAB1	RGB 197 170 177	#C5AAB1
66.7%	66.7% #BC9CA4	RGB 188 156 164	#BC9CA4
83.3%	83.3% #B48F97	RGB 180 143 151	#B48F97
100.0%	100.0% #AC828B	RGB 172 130 139	#AC828B

#DED2D7 #D5C4CA #CDB7BD #C5AAB1 #BC9CA4 #B48F97 #AC828B

#DED2D7 - #AC828B

HSV Blend

#DED2D7 - #AC828B | 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 #DED2D7 as 0% and #AC828B as 100%.

0.0%	0.0% #DED2D7	RGB 222 210 215	#DED2D7
16.7%	16.7% #D5C3CA	RGB 213 195 202	#D5C3CA
33.3%	33.3% #CDB5BD	RGB 205 181 189	#CDB5BD
50.0%	50.0% #C5A7B0	RGB 197 167 176	#C5A7B0
66.7%	66.7% #BC9AA4	RGB 188 154 164	#BC9AA4
83.3%	83.3% #B48E97	RGB 180 142 151	#B48E97
100.0%	100.0% #AC828B	RGB 172 130 139	#AC828B

#DED2D7 #D5C3CA #CDB5BD #C5A7B0 #BC9AA4 #B48E97 #AC828B

#DED2D7 - #C5A7B0 - #AC828B

CSS codes

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

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