#D8C0CF - #FFF2E3 | 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 #D8C0CF to #FFF2E3

#D8C0CF #FFF2E3

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

#D8C0CF - #FFF2E3 | 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 #D8C0CF as 0% and #FFF2E3 as 100%.

0.0%	0.0% #D8C0CF	RGB 216 192 207	#D8C0CF
16.7%	16.7% #DEC8D2	RGB 222 200 210	#DEC8D2
33.3%	33.3% #E5D0D5	RGB 229 208 213	#E5D0D5
50.0%	50.0% #EBD9D9	RGB 235 217 217	#EBD9D9
66.7%	66.7% #F2E1DC	RGB 242 225 220	#F2E1DC
83.3%	83.3% #F8E9DF	RGB 248 233 223	#F8E9DF
100.0%	100.0% #FFF2E3	RGB 255 242 227	#FFF2E3

#D8C0CF #DEC8D2 #E5D0D5 #EBD9D9 #F2E1DC #F8E9DF #FFF2E3

#D8C0CF - #FFF2E3

HSV Blend

#D8C0CF - #FFF2E3 | 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 #D8C0CF as 0% and #FFF2E3 as 100%.

0.0%	0.0% #D8C0CF	RGB 216 192 207	#D8C0CF
16.7%	16.7% #DEC5D0	RGB 222 197 208	#DEC5D0
33.3%	33.3% #E5CBD1	RGB 229 203 209	#E5CBD1
50.0%	50.0% #EBD1D2	RGB 235 209 210	#EBD1D2
66.7%	66.7% #F2DBD7	RGB 242 219 215	#F2DBD7
83.3%	83.3% #F8E6DD	RGB 248 230 221	#F8E6DD
100.0%	100.0% #FFF2E3	RGB 255 242 227	#FFF2E3

#D8C0CF #DEC5D0 #E5CBD1 #EBD1D2 #F2DBD7 #F8E6DD #FFF2E3

#D8C0CF - #EBD1D2 - #FFF2E3

CSS codes

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

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