#DFC7B6 - #DDD4D8 | 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 #DFC7B6 to #DDD4D8

#DFC7B6 #DDD4D8

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

#DFC7B6 - #DDD4D8 | 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 #DFC7B6 as 0% and #DDD4D8 as 100%.

0.0%	0.0% #DFC7B6	RGB 223 199 182	#DFC7B6
16.7%	16.7% #DEC9BB	RGB 222 201 187	#DEC9BB
33.3%	33.3% #DECBC1	RGB 222 203 193	#DECBC1
50.0%	50.0% #DECDC7	RGB 222 205 199	#DECDC7
66.7%	66.7% #DDCFCC	RGB 221 207 204	#DDCFCC
83.3%	83.3% #DDD1D2	RGB 221 209 210	#DDD1D2
100.0%	100.0% #DDD4D8	RGB 221 212 216	#DDD4D8

#DFC7B6 #DEC9BB #DECBC1 #DECDC7 #DDCFCC #DDD1D2 #DDD4D8

#DFC7B6 - #DDD4D8

HSV Blend

#DFC7B6 - #DDD4D8 | 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 #DFC7B6 as 0% and #DDD4D8 as 100%.

0.0%	0.0% #DFC7B6	RGB 223 199 182	#DFC7B6
16.7%	16.7% #DEC4BB	RGB 222 196 187	#DEC4BB
33.3%	33.3% #DEC3C0	RGB 222 195 192	#DEC3C0
50.0%	50.0% #DEC5C5	RGB 222 197 197	#DEC5C5
66.7%	66.7% #DDCACD	RGB 221 202 205	#DDCACD
83.3%	83.3% #DDCFD3	RGB 221 207 211	#DDCFD3
100.0%	100.0% #DDD4D8	RGB 221 212 216	#DDD4D8

#DFC7B6 #DEC4BB #DEC3C0 #DEC5C5 #DDCACD #DDCFD3 #DDD4D8

#DFC7B6 - #DEC5C5 - #DDD4D8

CSS codes

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

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