#D9C8CB - #AF7679 | 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 #D9C8CB to #AF7679

#D9C8CB #AF7679

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

#D9C8CB - #AF7679 | 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 #D9C8CB as 0% and #AF7679 as 100%.

0.0%	0.0% #D9C8CB	RGB 217 200 203	#D9C8CB
16.7%	16.7% #D2BABD	RGB 210 186 189	#D2BABD
33.3%	33.3% #CBACAF	RGB 203 172 175	#CBACAF
50.0%	50.0% #C49FA2	RGB 196 159 162	#C49FA2
66.7%	66.7% #BD9194	RGB 189 145 148	#BD9194
83.3%	83.3% #B68386	RGB 182 131 134	#B68386
100.0%	100.0% #AF7679	RGB 175 118 121	#AF7679

#D9C8CB #D2BABD #CBACAF #C49FA2 #BD9194 #B68386 #AF7679

#D9C8CB - #AF7679

HSV Blend

#D9C8CB - #AF7679 | 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 #D9C8CB as 0% and #AF7679 as 100%.

0.0%	0.0% #D9C8CB	RGB 217 200 203	#D9C8CB
16.7%	16.7% #D2B8BC	RGB 210 184 188	#D2B8BC
33.3%	33.3% #CBAAAE	RGB 203 170 174	#CBAAAE
50.0%	50.0% #C49CA0	RGB 196 156 160	#C49CA0
66.7%	66.7% #BD8F93	RGB 189 143 147	#BD8F93
83.3%	83.3% #B68286	RGB 182 130 134	#B68286
100.0%	100.0% #AF7679	RGB 175 118 121	#AF7679

#D9C8CB #D2B8BC #CBAAAE #C49CA0 #BD8F93 #B68286 #AF7679

#D9C8CB - #C49CA0 - #AF7679

CSS codes

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

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