#DBBCC7 - #FFDECF | 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 #DBBCC7 to #FFDECF

#DBBCC7 #FFDECF

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

#DBBCC7 - #FFDECF | 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 #DBBCC7 as 0% and #FFDECF as 100%.

0.0%	0.0% #DBBCC7	RGB 219 188 199	#DBBCC7
16.7%	16.7% #E1C1C8	RGB 225 193 200	#E1C1C8
33.3%	33.3% #E7C7C9	RGB 231 199 201	#E7C7C9
50.0%	50.0% #EDCDCB	RGB 237 205 203	#EDCDCB
66.7%	66.7% #F3D2CC	RGB 243 210 204	#F3D2CC
83.3%	83.3% #F9D8CD	RGB 249 216 205	#F9D8CD
100.0%	100.0% #FFDECF	RGB 255 222 207	#FFDECF

#DBBCC7 #E1C1C8 #E7C7C9 #EDCDCB #F3D2CC #F9D8CD #FFDECF

#DBBCC7 - #FFDECF

HSV Blend

#DBBCC7 - #FFDECF | 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 #DBBCC7 as 0% and #FFDECF as 100%.

0.0%	0.0% #DBBCC7	RGB 219 188 199	#DBBCC7
16.7%	16.7% #E1BFC7	RGB 225 191 199	#E1BFC7
33.3%	33.3% #E7C2C7	RGB 231 194 199	#E7C2C7
50.0%	50.0% #EDC5C6	RGB 237 197 198	#EDC5C6
66.7%	66.7% #F3CCC9	RGB 243 204 201	#F3CCC9
83.3%	83.3% #F9D5CC	RGB 249 213 204	#F9D5CC
100.0%	100.0% #FFDECF	RGB 255 222 207	#FFDECF

#DBBCC7 #E1BFC7 #E7C2C7 #EDC5C6 #F3CCC9 #F9D5CC #FFDECF

#DBBCC7 - #EDC5C6 - #FFDECF

CSS codes

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

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