#CFBBC0 - #FFF9D9 | 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 #CFBBC0 to #FFF9D9

#CFBBC0 #FFF9D9

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

#CFBBC0 - #FFF9D9 | 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 #CFBBC0 as 0% and #FFF9D9 as 100%.

0.0%	0.0% #CFBBC0	RGB 207 187 192	#CFBBC0
16.7%	16.7% #D7C5C4	RGB 215 197 196	#D7C5C4
33.3%	33.3% #DFCFC8	RGB 223 207 200	#DFCFC8
50.0%	50.0% #E7DACC	RGB 231 218 204	#E7DACC
66.7%	66.7% #EFE4D0	RGB 239 228 208	#EFE4D0
83.3%	83.3% #F7EED4	RGB 247 238 212	#F7EED4
100.0%	100.0% #FFF9D9	RGB 255 249 217	#FFF9D9

#CFBBC0 #D7C5C4 #DFCFC8 #E7DACC #EFE4D0 #F7EED4 #FFF9D9

#CFBBC0 - #FFF9D9

HSV Blend

#CFBBC0 - #FFF9D9 | 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 #CFBBC0 as 0% and #FFF9D9 as 100%.

0.0%	0.0% #CFBBC0	RGB 207 187 192	#CFBBC0
16.7%	16.7% #D7C0C1	RGB 215 192 193	#D7C0C1
33.3%	33.3% #DFC8C5	RGB 223 200 197	#DFC8C5
50.0%	50.0% #E7D3CA	RGB 231 211 202	#E7D3CA
66.7%	66.7% #EFDECF	RGB 239 222 207	#EFDECF
83.3%	83.3% #F7EBD4	RGB 247 235 212	#F7EBD4
100.0%	100.0% #FFF9D9	RGB 255 249 217	#FFF9D9

#CFBBC0 #D7C0C1 #DFC8C5 #E7D3CA #EFDECF #F7EBD4 #FFF9D9

#CFBBC0 - #E7D3CA - #FFF9D9

CSS codes

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

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