#D6CCC4 - #FFF2D9 | 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 #D6CCC4 to #FFF2D9

#D6CCC4 #FFF2D9

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

#D6CCC4 - #FFF2D9 | 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 #D6CCC4 as 0% and #FFF2D9 as 100%.

0.0%	0.0% #D6CCC4	RGB 214 204 196	#D6CCC4
16.7%	16.7% #DCD2C7	RGB 220 210 199	#DCD2C7
33.3%	33.3% #E3D8CB	RGB 227 216 203	#E3D8CB
50.0%	50.0% #EADFCE	RGB 234 223 206	#EADFCE
66.7%	66.7% #F1E5D2	RGB 241 229 210	#F1E5D2
83.3%	83.3% #F8EBD5	RGB 248 235 213	#F8EBD5
100.0%	100.0% #FFF2D9	RGB 255 242 217	#FFF2D9

#D6CCC4 #DCD2C7 #E3D8CB #EADFCE #F1E5D2 #F8EBD5 #FFF2D9

#D6CCC4 - #FFF2D9

HSV Blend

#D6CCC4 - #FFF2D9 | 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 #D6CCC4 as 0% and #FFF2D9 as 100%.

0.0%	0.0% #D6CCC4	RGB 214 204 196	#D6CCC4
16.7%	16.7% #DCD1C7	RGB 220 209 199	#DCD1C7
33.3%	33.3% #E3D8CB	RGB 227 216 203	#E3D8CB
50.0%	50.0% #EADECF	RGB 234 222 207	#EADECF
66.7%	66.7% #F1E4D2	RGB 241 228 210	#F1E4D2
83.3%	83.3% #F8EBD5	RGB 248 235 213	#F8EBD5
100.0%	100.0% #FFF2D9	RGB 255 242 217	#FFF2D9

#D6CCC4 #DCD1C7 #E3D8CB #EADECF #F1E4D2 #F8EBD5 #FFF2D9

#D6CCC4 - #EADECF - #FFF2D9

CSS codes

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

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