#D6B9A8 - #FFECC5 | 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 #D6B9A8 to #FFECC5

#D6B9A8 #FFECC5

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

#D6B9A8 - #FFECC5 | 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 #D6B9A8 as 0% and #FFECC5 as 100%.

0.0%	0.0% #D6B9A8	RGB 214 185 168	#D6B9A8
16.7%	16.7% #DCC1AC	RGB 220 193 172	#DCC1AC
33.3%	33.3% #E3CAB1	RGB 227 202 177	#E3CAB1
50.0%	50.0% #EAD2B6	RGB 234 210 182	#EAD2B6
66.7%	66.7% #F1DBBB	RGB 241 219 187	#F1DBBB
83.3%	83.3% #F8E3C0	RGB 248 227 192	#F8E3C0
100.0%	100.0% #FFECC5	RGB 255 236 197	#FFECC5

#D6B9A8 #DCC1AC #E3CAB1 #EAD2B6 #F1DBBB #F8E3C0 #FFECC5

#D6B9A8 - #FFECC5

HSV Blend

#D6B9A8 - #FFECC5 | 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 #D6B9A8 as 0% and #FFECC5 as 100%.

0.0%	0.0% #D6B9A8	RGB 214 185 168	#D6B9A8
16.7%	16.7% #DCC1AC	RGB 220 193 172	#DCC1AC
33.3%	33.3% #E3C9B1	RGB 227 201 177	#E3C9B1
50.0%	50.0% #EAD1B6	RGB 234 209 182	#EAD1B6
66.7%	66.7% #F1DABB	RGB 241 218 187	#F1DABB
83.3%	83.3% #F8E3C0	RGB 248 227 192	#F8E3C0
100.0%	100.0% #FFECC5	RGB 255 236 197	#FFECC5

#D6B9A8 #DCC1AC #E3C9B1 #EAD1B6 #F1DABB #F8E3C0 #FFECC5

#D6B9A8 - #EAD1B6 - #FFECC5

CSS codes

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

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