#DEC3C9 - #AD707F | 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 #DEC3C9 to #AD707F

#DEC3C9 #AD707F

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

#DEC3C9 - #AD707F | 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 #DEC3C9 as 0% and #AD707F as 100%.

0.0%	0.0% #DEC3C9	RGB 222 195 201	#DEC3C9
16.7%	16.7% #D5B5BC	RGB 213 181 188	#D5B5BC
33.3%	33.3% #CDA7B0	RGB 205 167 176	#CDA7B0
50.0%	50.0% #C599A4	RGB 197 153 164	#C599A4
66.7%	66.7% #BD8B97	RGB 189 139 151	#BD8B97
83.3%	83.3% #B57D8B	RGB 181 125 139	#B57D8B
100.0%	100.0% #AD707F	RGB 173 112 127	#AD707F

#DEC3C9 #D5B5BC #CDA7B0 #C599A4 #BD8B97 #B57D8B #AD707F

#DEC3C9 - #AD707F

HSV Blend

#DEC3C9 - #AD707F | 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 #DEC3C9 as 0% and #AD707F as 100%.

0.0%	0.0% #DEC3C9	RGB 222 195 201	#DEC3C9
16.7%	16.7% #D5B3BB	RGB 213 179 187	#D5B3BB
33.3%	33.3% #CDA4AE	RGB 205 164 174	#CDA4AE
50.0%	50.0% #C596A1	RGB 197 150 161	#C596A1
66.7%	66.7% #BD8995	RGB 189 137 149	#BD8995
83.3%	83.3% #B57C8A	RGB 181 124 138	#B57C8A
100.0%	100.0% #AD707F	RGB 173 112 127	#AD707F

#DEC3C9 #D5B3BB #CDA4AE #C596A1 #BD8995 #B57C8A #AD707F

#DEC3C9 - #C596A1 - #AD707F

CSS codes

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

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