#DDA8BD - #F5E6EB | 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 #DDA8BD to #F5E6EB

#DDA8BD #F5E6EB

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

#DDA8BD - #F5E6EB | 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 #DDA8BD as 0% and #F5E6EB as 100%.

0.0%	0.0% #DDA8BD	RGB 221 168 189	#DDA8BD
16.7%	16.7% #E1B2C4	RGB 225 178 196	#E1B2C4
33.3%	33.3% #E5BCCC	RGB 229 188 204	#E5BCCC
50.0%	50.0% #E9C7D4	RGB 233 199 212	#E9C7D4
66.7%	66.7% #EDD1DB	RGB 237 209 219	#EDD1DB
83.3%	83.3% #F1DBE3	RGB 241 219 227	#F1DBE3
100.0%	100.0% #F5E6EB	RGB 245 230 235	#F5E6EB

#DDA8BD #E1B2C4 #E5BCCC #E9C7D4 #EDD1DB #F1DBE3 #F5E6EB

#DDA8BD - #F5E6EB

HSV Blend

#DDA8BD - #F5E6EB | 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 #DDA8BD as 0% and #F5E6EB as 100%.

0.0%	0.0% #DDA8BD	RGB 221 168 189	#DDA8BD
16.7%	16.7% #E1B1C3	RGB 225 177 195	#E1B1C3
33.3%	33.3% #E5BBCB	RGB 229 187 203	#E5BBCB
50.0%	50.0% #E9C5D2	RGB 233 197 210	#E9C5D2
66.7%	66.7% #EDD0DA	RGB 237 208 218	#EDD0DA
83.3%	83.3% #F1DBE2	RGB 241 219 226	#F1DBE2
100.0%	100.0% #F5E6EB	RGB 245 230 235	#F5E6EB

#DDA8BD #E1B1C3 #E5BBCB #E9C5D2 #EDD0DA #F1DBE2 #F5E6EB

#DDA8BD - #E9C5D2 - #F5E6EB

CSS codes

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

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