#DFB0C0 - #F5E8EC | 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 #DFB0C0 to #F5E8EC

#DFB0C0 #F5E8EC

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

#DFB0C0 - #F5E8EC | 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 #DFB0C0 as 0% and #F5E8EC as 100%.

0.0%	0.0% #DFB0C0	RGB 223 176 192	#DFB0C0
16.7%	16.7% #E2B9C7	RGB 226 185 199	#E2B9C7
33.3%	33.3% #E6C2CE	RGB 230 194 206	#E6C2CE
50.0%	50.0% #EACCD6	RGB 234 204 214	#EACCD6
66.7%	66.7% #EDD5DD	RGB 237 213 221	#EDD5DD
83.3%	83.3% #F1DEE4	RGB 241 222 228	#F1DEE4
100.0%	100.0% #F5E8EC	RGB 245 232 236	#F5E8EC

#DFB0C0 #E2B9C7 #E6C2CE #EACCD6 #EDD5DD #F1DEE4 #F5E8EC

#DFB0C0 - #F5E8EC

HSV Blend

#DFB0C0 - #F5E8EC | 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 #DFB0C0 as 0% and #F5E8EC as 100%.

0.0%	0.0% #DFB0C0	RGB 223 176 192	#DFB0C0
16.7%	16.7% #E2B8C6	RGB 226 184 198	#E2B8C6
33.3%	33.3% #E6C1CD	RGB 230 193 205	#E6C1CD
50.0%	50.0% #EACBD5	RGB 234 203 213	#EACBD5
66.7%	66.7% #EDD4DC	RGB 237 212 220	#EDD4DC
83.3%	83.3% #F1DEE4	RGB 241 222 228	#F1DEE4
100.0%	100.0% #F5E8EC	RGB 245 232 236	#F5E8EC

#DFB0C0 #E2B8C6 #E6C1CD #EACBD5 #EDD4DC #F1DEE4 #F5E8EC

#DFB0C0 - #EACBD5 - #F5E8EC

CSS codes

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

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