#DBBBC4 - #FFEFD7 | 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 #DBBBC4 to #FFEFD7

#DBBBC4 #FFEFD7

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

#DBBBC4 - #FFEFD7 | 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 #DBBBC4 as 0% and #FFEFD7 as 100%.

0.0%	0.0% #DBBBC4	RGB 219 187 196	#DBBBC4
16.7%	16.7% #E1C3C7	RGB 225 195 199	#E1C3C7
33.3%	33.3% #E7CCCA	RGB 231 204 202	#E7CCCA
50.0%	50.0% #EDD5CD	RGB 237 213 205	#EDD5CD
66.7%	66.7% #F3DDD0	RGB 243 221 208	#F3DDD0
83.3%	83.3% #F9E6D3	RGB 249 230 211	#F9E6D3
100.0%	100.0% #FFEFD7	RGB 255 239 215	#FFEFD7

#DBBBC4 #E1C3C7 #E7CCCA #EDD5CD #F3DDD0 #F9E6D3 #FFEFD7

#DBBBC4 - #FFEFD7

HSV Blend

#DBBBC4 - #FFEFD7 | 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 #DBBBC4 as 0% and #FFEFD7 as 100%.

0.0%	0.0% #DBBBC4	RGB 219 187 196	#DBBBC4
16.7%	16.7% #E1BFC4	RGB 225 191 196	#E1BFC4
33.3%	33.3% #E7C4C4	RGB 231 196 196	#E7C4C4
50.0%	50.0% #EDCEC9	RGB 237 206 201	#EDCEC9
66.7%	66.7% #F3D9CD	RGB 243 217 205	#F3D9CD
83.3%	83.3% #F9E3D2	RGB 249 227 210	#F9E3D2
100.0%	100.0% #FFEFD7	RGB 255 239 215	#FFEFD7

#DBBBC4 #E1BFC4 #E7C4C4 #EDCEC9 #F3D9CD #F9E3D2 #FFEFD7

#DBBBC4 - #EDCEC9 - #FFEFD7

CSS codes

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

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