#DBCCCF - #FFFCE5 | 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 #DBCCCF to #FFFCE5

#DBCCCF #FFFCE5

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

#DBCCCF - #FFFCE5 | 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 #DBCCCF as 0% and #FFFCE5 as 100%.

0.0%	0.0% #DBCCCF	RGB 219 204 207	#DBCCCF
16.7%	16.7% #E1D4D2	RGB 225 212 210	#E1D4D2
33.3%	33.3% #E7DCD6	RGB 231 220 214	#E7DCD6
50.0%	50.0% #EDE4DA	RGB 237 228 218	#EDE4DA
66.7%	66.7% #F3ECDD	RGB 243 236 221	#F3ECDD
83.3%	83.3% #F9F4E1	RGB 249 244 225	#F9F4E1
100.0%	100.0% #FFFCE5	RGB 255 252 229	#FFFCE5

#DBCCCF #E1D4D2 #E7DCD6 #EDE4DA #F3ECDD #F9F4E1 #FFFCE5

#DBCCCF - #FFFCE5

HSV Blend

#DBCCCF - #FFFCE5 | 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 #DBCCCF as 0% and #FFFCE5 as 100%.

0.0%	0.0% #DBCCCF	RGB 219 204 207	#DBCCCF
16.7%	16.7% #E1D0D0	RGB 225 208 208	#E1D0D0
33.3%	33.3% #E7D7D4	RGB 231 215 212	#E7D7D4
50.0%	50.0% #EDDFD8	RGB 237 223 216	#EDDFD8
66.7%	66.7% #F3E8DC	RGB 243 232 220	#F3E8DC
83.3%	83.3% #F9F1E1	RGB 249 241 225	#F9F1E1
100.0%	100.0% #FFFCE5	RGB 255 252 229	#FFFCE5

#DBCCCF #E1D0D0 #E7D7D4 #EDDFD8 #F3E8DC #F9F1E1 #FFFCE5

#DBCCCF - #EDDFD8 - #FFFCE5

CSS codes

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

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