#DD8FBD - #F5DFEC | 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 #DD8FBD to #F5DFEC

#DD8FBD #F5DFEC

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

#DD8FBD - #F5DFEC | 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 #DD8FBD as 0% and #F5DFEC as 100%.

0.0%	0.0% #DD8FBD	RGB 221 143 189	#DD8FBD
16.7%	16.7% #E19CC4	RGB 225 156 196	#E19CC4
33.3%	33.3% #E5A9CC	RGB 229 169 204	#E5A9CC
50.0%	50.0% #E9B7D4	RGB 233 183 212	#E9B7D4
66.7%	66.7% #EDC4DC	RGB 237 196 220	#EDC4DC
83.3%	83.3% #F1D1E4	RGB 241 209 228	#F1D1E4
100.0%	100.0% #F5DFEC	RGB 245 223 236	#F5DFEC

#DD8FBD #E19CC4 #E5A9CC #E9B7D4 #EDC4DC #F1D1E4 #F5DFEC

#DD8FBD - #F5DFEC

HSV Blend

#DD8FBD - #F5DFEC | 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 #DD8FBD as 0% and #F5DFEC as 100%.

0.0%	0.0% #DD8FBD	RGB 221 143 189	#DD8FBD
16.7%	16.7% #E19BC4	RGB 225 155 196	#E19BC4
33.3%	33.3% #E5A8CC	RGB 229 168 204	#E5A8CC
50.0%	50.0% #E9B5D3	RGB 233 181 211	#E9B5D3
66.7%	66.7% #EDC2DB	RGB 237 194 219	#EDC2DB
83.3%	83.3% #F1D0E3	RGB 241 208 227	#F1D0E3
100.0%	100.0% #F5DFEC	RGB 245 223 236	#F5DFEC

#DD8FBD #E19BC4 #E5A8CC #E9B5D3 #EDC2DB #F1D0E3 #F5DFEC

#DD8FBD - #E9B5D3 - #F5DFEC

CSS codes

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

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