#DCBBC5 - #FFEFD8 | 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 #DCBBC5 to #FFEFD8

#DCBBC5 #FFEFD8

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

#DCBBC5 - #FFEFD8 | 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 #DCBBC5 as 0% and #FFEFD8 as 100%.

0.0%	0.0% #DCBBC5	RGB 220 187 197	#DCBBC5
16.7%	16.7% #E1C3C8	RGB 225 195 200	#E1C3C8
33.3%	33.3% #E7CCCB	RGB 231 204 203	#E7CCCB
50.0%	50.0% #EDD5CE	RGB 237 213 206	#EDD5CE
66.7%	66.7% #F3DDD1	RGB 243 221 209	#F3DDD1
83.3%	83.3% #F9E6D4	RGB 249 230 212	#F9E6D4
100.0%	100.0% #FFEFD8	RGB 255 239 216	#FFEFD8

#DCBBC5 #E1C3C8 #E7CCCB #EDD5CE #F3DDD1 #F9E6D4 #FFEFD8

#DCBBC5 - #FFEFD8

HSV Blend

#DCBBC5 - #FFEFD8 | 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 #DCBBC5 as 0% and #FFEFD8 as 100%.

0.0%	0.0% #DCBBC5	RGB 220 187 197	#DCBBC5
16.7%	16.7% #E1BFC5	RGB 225 191 197	#E1BFC5
33.3%	33.3% #E7C4C4	RGB 231 196 196	#E7C4C4
50.0%	50.0% #EDCEC9	RGB 237 206 201	#EDCEC9
66.7%	66.7% #F3D9CE	RGB 243 217 206	#F3D9CE
83.3%	83.3% #F9E3D3	RGB 249 227 211	#F9E3D3
100.0%	100.0% #FFEFD8	RGB 255 239 216	#FFEFD8

#DCBBC5 #E1BFC5 #E7C4C4 #EDCEC9 #F3D9CE #F9E3D3 #FFEFD8

#DCBBC5 - #EDCEC9 - #FFEFD8

CSS codes

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

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