#DDD1CF - #F1DADE | 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 #DDD1CF to #F1DADE

#DDD1CF #F1DADE

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

#DDD1CF - #F1DADE | 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 #DDD1CF as 0% and #F1DADE as 100%.

0.0%	0.0% #DDD1CF	RGB 221 209 207	#DDD1CF
16.7%	16.7% #E0D2D1	RGB 224 210 209	#E0D2D1
33.3%	33.3% #E3D4D4	RGB 227 212 212	#E3D4D4
50.0%	50.0% #E7D5D6	RGB 231 213 214	#E7D5D6
66.7%	66.7% #EAD7D9	RGB 234 215 217	#EAD7D9
83.3%	83.3% #EDD8DB	RGB 237 216 219	#EDD8DB
100.0%	100.0% #F1DADE	RGB 241 218 222	#F1DADE

#DDD1CF #E0D2D1 #E3D4D4 #E7D5D6 #EAD7D9 #EDD8DB #F1DADE

#DDD1CF - #F1DADE

HSV Blend

#DDD1CF - #F1DADE | 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 #DDD1CF as 0% and #F1DADE as 100%.

0.0%	0.0% #DDD1CF	RGB 221 209 207	#DDD1CF
16.7%	16.7% #E0D2D0	RGB 224 210 208	#E0D2D0
33.3%	33.3% #E3D3D2	RGB 227 211 210	#E3D3D2
50.0%	50.0% #E7D4D4	RGB 231 212 212	#E7D4D4
66.7%	66.7% #EAD6D7	RGB 234 214 215	#EAD6D7
83.3%	83.3% #EDD8DA	RGB 237 216 218	#EDD8DA
100.0%	100.0% #F1DADE	RGB 241 218 222	#F1DADE

#DDD1CF #E0D2D0 #E3D3D2 #E7D4D4 #EAD6D7 #EDD8DA #F1DADE

#DDD1CF - #E7D4D4 - #F1DADE

CSS codes

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

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