#D6BBA5 - #FFECC2 | 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 #D6BBA5 to #FFECC2

#D6BBA5 #FFECC2

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

#D6BBA5 - #FFECC2 | 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 #D6BBA5 as 0% and #FFECC2 as 100%.

0.0%	0.0% #D6BBA5	RGB 214 187 165	#D6BBA5
16.7%	16.7% #DCC3A9	RGB 220 195 169	#DCC3A9
33.3%	33.3% #E3CBAE	RGB 227 203 174	#E3CBAE
50.0%	50.0% #EAD3B3	RGB 234 211 179	#EAD3B3
66.7%	66.7% #F1DBB8	RGB 241 219 184	#F1DBB8
83.3%	83.3% #F8E3BD	RGB 248 227 189	#F8E3BD
100.0%	100.0% #FFECC2	RGB 255 236 194	#FFECC2

#D6BBA5 #DCC3A9 #E3CBAE #EAD3B3 #F1DBB8 #F8E3BD #FFECC2

#D6BBA5 - #FFECC2

HSV Blend

#D6BBA5 - #FFECC2 | 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 #D6BBA5 as 0% and #FFECC2 as 100%.

0.0%	0.0% #D6BBA5	RGB 214 187 165	#D6BBA5
16.7%	16.7% #DCC2A9	RGB 220 194 169	#DCC2A9
33.3%	33.3% #E3CAAE	RGB 227 202 174	#E3CAAE
50.0%	50.0% #EAD2B3	RGB 234 210 179	#EAD2B3
66.7%	66.7% #F1DBB8	RGB 241 219 184	#F1DBB8
83.3%	83.3% #F8E3BD	RGB 248 227 189	#F8E3BD
100.0%	100.0% #FFECC2	RGB 255 236 194	#FFECC2

#D6BBA5 #DCC2A9 #E3CAAE #EAD2B3 #F1DBB8 #F8E3BD #FFECC2

#D6BBA5 - #EAD2B3 - #FFECC2

CSS codes

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

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