#D6BBBB - #FFF1D9 | 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 #D6BBBB to #FFF1D9

#D6BBBB #FFF1D9

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

#D6BBBB - #FFF1D9 | 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 #D6BBBB as 0% and #FFF1D9 as 100%.

0.0%	0.0% #D6BBBB	RGB 214 187 187	#D6BBBB
16.7%	16.7% #DCC4C0	RGB 220 196 192	#DCC4C0
33.3%	33.3% #E3CDC5	RGB 227 205 197	#E3CDC5
50.0%	50.0% #EAD6CA	RGB 234 214 202	#EAD6CA
66.7%	66.7% #F1DFCF	RGB 241 223 207	#F1DFCF
83.3%	83.3% #F8E8D4	RGB 248 232 212	#F8E8D4
100.0%	100.0% #FFF1D9	RGB 255 241 217	#FFF1D9

#D6BBBB #DCC4C0 #E3CDC5 #EAD6CA #F1DFCF #F8E8D4 #FFF1D9

#D6BBBB - #FFF1D9

HSV Blend

#D6BBBB - #FFF1D9 | 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 #D6BBBB as 0% and #FFF1D9 as 100%.

0.0%	0.0% #D6BBBB	RGB 214 187 187	#D6BBBB
16.7%	16.7% #DCC3C0	RGB 220 195 192	#DCC3C0
33.3%	33.3% #E3CBC5	RGB 227 203 197	#E3CBC5
50.0%	50.0% #EAD4CA	RGB 234 212 202	#EAD4CA
66.7%	66.7% #F1DDCF	RGB 241 221 207	#F1DDCF
83.3%	83.3% #F8E7D4	RGB 248 231 212	#F8E7D4
100.0%	100.0% #FFF1D9	RGB 255 241 217	#FFF1D9

#D6BBBB #DCC3C0 #E3CBC5 #EAD4CA #F1DDCF #F8E7D4 #FFF1D9

#D6BBBB - #EAD4CA - #FFF1D9

CSS codes

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

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