#D6B9C7 - #FFEFDB | 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 #D6B9C7 to #FFEFDB

#D6B9C7 #FFEFDB

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

#D6B9C7 - #FFEFDB | 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 #D6B9C7 as 0% and #FFEFDB as 100%.

0.0%	0.0% #D6B9C7	RGB 214 185 199	#D6B9C7
16.7%	16.7% #DCC2CA	RGB 220 194 202	#DCC2CA
33.3%	33.3% #E3CBCD	RGB 227 203 205	#E3CBCD
50.0%	50.0% #EAD4D1	RGB 234 212 209	#EAD4D1
66.7%	66.7% #F1DDD4	RGB 241 221 212	#F1DDD4
83.3%	83.3% #F8E6D7	RGB 248 230 215	#F8E6D7
100.0%	100.0% #FFEFDB	RGB 255 239 219	#FFEFDB

#D6B9C7 #DCC2CA #E3CBCD #EAD4D1 #F1DDD4 #F8E6D7 #FFEFDB

#D6B9C7 - #FFEFDB

HSV Blend

#D6B9C7 - #FFEFDB | 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 #D6B9C7 as 0% and #FFEFDB as 100%.

0.0%	0.0% #D6B9C7	RGB 214 185 199	#D6B9C7
16.7%	16.7% #DCBEC8	RGB 220 190 200	#DCBEC8
33.3%	33.3% #E3C4C8	RGB 227 196 200	#E3C4C8
50.0%	50.0% #EACBCA	RGB 234 203 202	#EACBCA
66.7%	66.7% #F1D6CF	RGB 241 214 207	#F1D6CF
83.3%	83.3% #F8E2D5	RGB 248 226 213	#F8E2D5
100.0%	100.0% #FFEFDB	RGB 255 239 219	#FFEFDB

#D6B9C7 #DCBEC8 #E3C4C8 #EACBCA #F1D6CF #F8E2D5 #FFEFDB

#D6B9C7 - #EACBCA - #FFEFDB

CSS codes

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

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