#DDA2AD - #F5E4E6 | 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 #DDA2AD to #F5E4E6

#DDA2AD #F5E4E6

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

#DDA2AD - #F5E4E6 | 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 #DDA2AD as 0% and #F5E4E6 as 100%.

0.0%	0.0% #DDA2AD	RGB 221 162 173	#DDA2AD
16.7%	16.7% #E1ADB6	RGB 225 173 182	#E1ADB6
33.3%	33.3% #E5B8C0	RGB 229 184 192	#E5B8C0
50.0%	50.0% #E9C3C9	RGB 233 195 201	#E9C3C9
66.7%	66.7% #EDCED3	RGB 237 206 211	#EDCED3
83.3%	83.3% #F1D9DC	RGB 241 217 220	#F1D9DC
100.0%	100.0% #F5E4E6	RGB 245 228 230	#F5E4E6

#DDA2AD #E1ADB6 #E5B8C0 #E9C3C9 #EDCED3 #F1D9DC #F5E4E6

#DDA2AD - #F5E4E6

HSV Blend

#DDA2AD - #F5E4E6 | 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 #DDA2AD as 0% and #F5E4E6 as 100%.

0.0%	0.0% #DDA2AD	RGB 221 162 173	#DDA2AD
16.7%	16.7% #E1ACB5	RGB 225 172 181	#E1ACB5
33.3%	33.3% #E5B6BE	RGB 229 182 190	#E5B6BE
50.0%	50.0% #E9C1C7	RGB 233 193 199	#E9C1C7
66.7%	66.7% #EDCCD1	RGB 237 204 209	#EDCCD1
83.3%	83.3% #F1D8DB	RGB 241 216 219	#F1D8DB
100.0%	100.0% #F5E4E6	RGB 245 228 230	#F5E4E6

#DDA2AD #E1ACB5 #E5B6BE #E9C1C7 #EDCCD1 #F1D8DB #F5E4E6

#DDA2AD - #E9C1C7 - #F5E4E6

CSS codes

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

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