#DFC8D1 - #AF7585 | 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 #DFC8D1 to #AF7585

#DFC8D1 #AF7585

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

#DFC8D1 - #AF7585 | 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 #DFC8D1 as 0% and #AF7585 as 100%.

0.0%	0.0% #DFC8D1	RGB 223 200 209	#DFC8D1
16.7%	16.7% #D7BAC4	RGB 215 186 196	#D7BAC4
33.3%	33.3% #CFACB7	RGB 207 172 183	#CFACB7
50.0%	50.0% #C79EAB	RGB 199 158 171	#C79EAB
66.7%	66.7% #BF909E	RGB 191 144 158	#BF909E
83.3%	83.3% #B78291	RGB 183 130 145	#B78291
100.0%	100.0% #AF7585	RGB 175 117 133	#AF7585

#DFC8D1 #D7BAC4 #CFACB7 #C79EAB #BF909E #B78291 #AF7585

#DFC8D1 - #AF7585

HSV Blend

#DFC8D1 - #AF7585 | 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 #DFC8D1 as 0% and #AF7585 as 100%.

0.0%	0.0% #DFC8D1	RGB 223 200 209	#DFC8D1
16.7%	16.7% #D7B8C3	RGB 215 184 195	#D7B8C3
33.3%	33.3% #CFA9B6	RGB 207 169 182	#CFA9B6
50.0%	50.0% #C79BAA	RGB 199 155 170	#C79BAA
66.7%	66.7% #BF8E9D	RGB 191 142 157	#BF8E9D
83.3%	83.3% #B78191	RGB 183 129 145	#B78191
100.0%	100.0% #AF7585	RGB 175 117 133	#AF7585

#DFC8D1 #D7B8C3 #CFA9B6 #C79BAA #BF8E9D #B78191 #AF7585

#DFC8D1 - #C79BAA - #AF7585

CSS codes

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

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