#DD9CAD - #F5E2E7 | 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 #DD9CAD to #F5E2E7

#DD9CAD #F5E2E7

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

#DD9CAD - #F5E2E7 | 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 #DD9CAD as 0% and #F5E2E7 as 100%.

0.0%	0.0% #DD9CAD	RGB 221 156 173	#DD9CAD
16.7%	16.7% #E1A7B6	RGB 225 167 182	#E1A7B6
33.3%	33.3% #E5B3C0	RGB 229 179 192	#E5B3C0
50.0%	50.0% #E9BFCA	RGB 233 191 202	#E9BFCA
66.7%	66.7% #EDCAD3	RGB 237 202 211	#EDCAD3
83.3%	83.3% #F1D6DD	RGB 241 214 221	#F1D6DD
100.0%	100.0% #F5E2E7	RGB 245 226 231	#F5E2E7

#DD9CAD #E1A7B6 #E5B3C0 #E9BFCA #EDCAD3 #F1D6DD #F5E2E7

#DD9CAD - #F5E2E7

HSV Blend

#DD9CAD - #F5E2E7 | 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 #DD9CAD as 0% and #F5E2E7 as 100%.

0.0%	0.0% #DD9CAC	RGB 221 156 172	#DD9CAC
16.7%	16.7% #E1A6B6	RGB 225 166 182	#E1A6B6
33.3%	33.3% #E5B2BF	RGB 229 178 191	#E5B2BF
50.0%	50.0% #E9BDC9	RGB 233 189 201	#E9BDC9
66.7%	66.7% #EDC9D2	RGB 237 201 210	#EDC9D2
83.3%	83.3% #F1D5DC	RGB 241 213 220	#F1D5DC
100.0%	100.0% #F5E2E7	RGB 245 226 231	#F5E2E7

#DD9CAC #E1A6B6 #E5B2BF #E9BDC9 #EDC9D2 #F1D5DC #F5E2E7

#DD9CAD - #E9BDC9 - #F5E2E7

CSS codes

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

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