#DFB5C9 - #FFF0DF | 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 #DFB5C9 to #FFF0DF

#DFB5C9 #FFF0DF

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

#DFB5C9 - #FFF0DF | 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 #DFB5C9 as 0% and #FFF0DF as 100%.

0.0%	0.0% #DFB5C9	RGB 223 181 201	#DFB5C9
16.7%	16.7% #E4BECC	RGB 228 190 204	#E4BECC
33.3%	33.3% #E9C8D0	RGB 233 200 208	#E9C8D0
50.0%	50.0% #EFD2D4	RGB 239 210 212	#EFD2D4
66.7%	66.7% #F4DCD7	RGB 244 220 215	#F4DCD7
83.3%	83.3% #F9E6DB	RGB 249 230 219	#F9E6DB
100.0%	100.0% #FFF0DF	RGB 255 240 223	#FFF0DF

#DFB5C9 #E4BECC #E9C8D0 #EFD2D4 #F4DCD7 #F9E6DB #FFF0DF

#DFB5C9 - #FFF0DF

HSV Blend

#DFB5C9 - #FFF0DF | 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 #DFB5C9 as 0% and #FFF0DF as 100%.

0.0%	0.0% #DFB5C9	RGB 223 181 201	#DFB5C9
16.7%	16.7% #E4BBC8	RGB 228 187 200	#E4BBC8
33.3%	33.3% #E9C2C8	RGB 233 194 200	#E9C2C8
50.0%	50.0% #EFCAC9	RGB 239 202 201	#EFCAC9
66.7%	66.7% #F4D7D0	RGB 244 215 208	#F4D7D0
83.3%	83.3% #F9E4D7	RGB 249 228 215	#F9E4D7
100.0%	100.0% #FFF0DF	RGB 255 240 223	#FFF0DF

#DFB5C9 #E4BBC8 #E9C2C8 #EFCAC9 #F4D7D0 #F9E4D7 #FFF0DF

#DFB5C9 - #EFCAC9 - #FFF0DF

CSS codes

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

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