#DDBDCB - #FFF1DF | 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 #DDBDCB to #FFF1DF

#DDBDCB #FFF1DF

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

#DDBDCB - #FFF1DF | 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 #DDBDCB as 0% and #FFF1DF as 100%.

0.0%	0.0% #DDBDCB	RGB 221 189 203	#DDBDCB
16.7%	16.7% #E2C5CE	RGB 226 197 206	#E2C5CE
33.3%	33.3% #E8CED1	RGB 232 206 209	#E8CED1
50.0%	50.0% #EED7D5	RGB 238 215 213	#EED7D5
66.7%	66.7% #F3DFD8	RGB 243 223 216	#F3DFD8
83.3%	83.3% #F9E8DB	RGB 249 232 219	#F9E8DB
100.0%	100.0% #FFF1DF	RGB 255 241 223	#FFF1DF

#DDBDCB #E2C5CE #E8CED1 #EED7D5 #F3DFD8 #F9E8DB #FFF1DF

#DDBDCB - #FFF1DF

HSV Blend

#DDBDCB - #FFF1DF | 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 #DDBDCB as 0% and #FFF1DF as 100%.

0.0%	0.0% #DDBDCB	RGB 221 189 203	#DDBDCB
16.7%	16.7% #E2C2CB	RGB 226 194 203	#E2C2CB
33.3%	33.3% #E8C8CB	RGB 232 200 203	#E8C8CB
50.0%	50.0% #EECFCD	RGB 238 207 205	#EECFCD
66.7%	66.7% #F3DAD3	RGB 243 218 211	#F3DAD3
83.3%	83.3% #F9E5D9	RGB 249 229 217	#F9E5D9
100.0%	100.0% #FFF1DF	RGB 255 241 223	#FFF1DF

#DDBDCB #E2C2CB #E8C8CB #EECFCD #F3DAD3 #F9E5D9 #FFF1DF

#DDBDCB - #EECFCD - #FFF1DF

CSS codes

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

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