#DFB5BC - #FFEDD0 | 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 #DFB5BC to #FFEDD0

#DFB5BC #FFEDD0

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

#DFB5BC - #FFEDD0 | 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 #DFB5BC as 0% and #FFEDD0 as 100%.

0.0%	0.0% #DFB5BC	RGB 223 181 188	#DFB5BC
16.7%	16.7% #E4BEBF	RGB 228 190 191	#E4BEBF
33.3%	33.3% #E9C7C2	RGB 233 199 194	#E9C7C2
50.0%	50.0% #EFD1C6	RGB 239 209 198	#EFD1C6
66.7%	66.7% #F4DAC9	RGB 244 218 201	#F4DAC9
83.3%	83.3% #F9E3CC	RGB 249 227 204	#F9E3CC
100.0%	100.0% #FFEDD0	RGB 255 237 208	#FFEDD0

#DFB5BC #E4BEBF #E9C7C2 #EFD1C6 #F4DAC9 #F9E3CC #FFEDD0

#DFB5BC - #FFEDD0

HSV Blend

#DFB5BC - #FFEDD0 | 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 #DFB5BC as 0% and #FFEDD0 as 100%.

0.0%	0.0% #DFB5BC	RGB 223 181 188	#DFB5BC
16.7%	16.7% #E4B9BB	RGB 228 185 187	#E4B9BB
33.3%	33.3% #E9C2BD	RGB 233 194 189	#E9C2BD
50.0%	50.0% #EFCCC2	RGB 239 204 194	#EFCCC2
66.7%	66.7% #F4D7C6	RGB 244 215 198	#F4D7C6
83.3%	83.3% #F9E1CB	RGB 249 225 203	#F9E1CB
100.0%	100.0% #FFEDD0	RGB 255 237 208	#FFEDD0

#DFB5BC #E4B9BB #E9C2BD #EFCCC2 #F4D7C6 #F9E1CB #FFEDD0

#DFB5BC - #EFCCC2 - #FFEDD0

CSS codes

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

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