#DFDBDD - #CB8FA5 | 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 #DFDBDD to #CB8FA5

#DFDBDD #CB8FA5

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

#DFDBDD - #CB8FA5 | 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 #DFDBDD as 0% and #CB8FA5 as 100%.

0.0%	0.0% #DFDBDD	RGB 223 219 221	#DFDBDD
16.7%	16.7% #DBCED3	RGB 219 206 211	#DBCED3
33.3%	33.3% #D8C1CA	RGB 216 193 202	#D8C1CA
50.0%	50.0% #D5B5C1	RGB 213 181 193	#D5B5C1
66.7%	66.7% #D1A8B7	RGB 209 168 183	#D1A8B7
83.3%	83.3% #CE9BAE	RGB 206 155 174	#CE9BAE
100.0%	100.0% #CB8FA5	RGB 203 143 165	#CB8FA5

#DFDBDD #DBCED3 #D8C1CA #D5B5C1 #D1A8B7 #CE9BAE #CB8FA5

#DFDBDD - #CB8FA5

HSV Blend

#DFDBDD - #CB8FA5 | 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 #DFDBDD as 0% and #CB8FA5 as 100%.

0.0%	0.0% #DFDBDD	RGB 223 219 221	#DFDBDD
16.7%	16.7% #DBCDD4	RGB 219 205 212	#DBCDD4
33.3%	33.3% #D8C0CB	RGB 216 192 203	#D8C0CB
50.0%	50.0% #D5B3C2	RGB 213 179 194	#D5B3C2
66.7%	66.7% #D1A7B8	RGB 209 167 184	#D1A7B8
83.3%	83.3% #CE9AAE	RGB 206 154 174	#CE9AAE
100.0%	100.0% #CB8FA5	RGB 203 143 165	#CB8FA5

#DFDBDD #DBCDD4 #D8C0CB #D5B3C2 #D1A7B8 #CE9AAE #CB8FA5

#DFDBDD - #D5B3C2 - #CB8FA5

CSS codes

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

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