#DCC3C9 - #AB707F | 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 #DCC3C9 to #AB707F

#DCC3C9 #AB707F

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

#DCC3C9 - #AB707F | 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 #DCC3C9 as 0% and #AB707F as 100%.

0.0%	0.0% #DCC3C9	RGB 220 195 201	#DCC3C9
16.7%	16.7% #D3B5BC	RGB 211 181 188	#D3B5BC
33.3%	33.3% #CBA7B0	RGB 203 167 176	#CBA7B0
50.0%	50.0% #C399A4	RGB 195 153 164	#C399A4
66.7%	66.7% #BB8B97	RGB 187 139 151	#BB8B97
83.3%	83.3% #B37D8B	RGB 179 125 139	#B37D8B
100.0%	100.0% #AB707F	RGB 171 112 127	#AB707F

#DCC3C9 #D3B5BC #CBA7B0 #C399A4 #BB8B97 #B37D8B #AB707F

#DCC3C9 - #AB707F

HSV Blend

#DCC3C9 - #AB707F | 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 #DCC3C9 as 0% and #AB707F as 100%.

0.0%	0.0% #DCC3C9	RGB 220 195 201	#DCC3C9
16.7%	16.7% #D3B3BB	RGB 211 179 187	#D3B3BB
33.3%	33.3% #CBA4AE	RGB 203 164 174	#CBA4AE
50.0%	50.0% #C396A1	RGB 195 150 161	#C396A1
66.7%	66.7% #BB8995	RGB 187 137 149	#BB8995
83.3%	83.3% #B37C8A	RGB 179 124 138	#B37C8A
100.0%	100.0% #AB707F	RGB 171 112 127	#AB707F

#DCC3C9 #D3B3BB #CBA4AE #C396A1 #BB8995 #B37C8A #AB707F

#DCC3C9 - #C396A1 - #AB707F

CSS codes

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

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