#CFC1BC - #FFFBD9 | 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 #CFC1BC to #FFFBD9

#CFC1BC #FFFBD9

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

#CFC1BC - #FFFBD9 | 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 #CFC1BC as 0% and #FFFBD9 as 100%.

0.0%	0.0% #CFC1BC	RGB 207 193 188	#CFC1BC
16.7%	16.7% #D7CAC0	RGB 215 202 192	#D7CAC0
33.3%	33.3% #DFD4C5	RGB 223 212 197	#DFD4C5
50.0%	50.0% #E7DECA	RGB 231 222 202	#E7DECA
66.7%	66.7% #EFE7CF	RGB 239 231 207	#EFE7CF
83.3%	83.3% #F7F1D4	RGB 247 241 212	#F7F1D4
100.0%	100.0% #FFFBD9	RGB 255 251 217	#FFFBD9

#CFC1BC #D7CAC0 #DFD4C5 #E7DECA #EFE7CF #F7F1D4 #FFFBD9

#CFC1BC - #FFFBD9

HSV Blend

#CFC1BC - #FFFBD9 | 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 #CFC1BC as 0% and #FFFBD9 as 100%.

0.0%	0.0% #CFC1BC	RGB 207 193 188	#CFC1BC
16.7%	16.7% #D7C9C1	RGB 215 201 193	#D7C9C1
33.3%	33.3% #DFD1C6	RGB 223 209 198	#DFD1C6
50.0%	50.0% #E7DBCB	RGB 231 219 203	#E7DBCB
66.7%	66.7% #EFE5CF	RGB 239 229 207	#EFE5CF
83.3%	83.3% #F7EFD4	RGB 247 239 212	#F7EFD4
100.0%	100.0% #FFFBD9	RGB 255 251 217	#FFFBD9

#CFC1BC #D7C9C1 #DFD1C6 #E7DBCB #EFE5CF #F7EFD4 #FFFBD9

#CFC1BC - #E7DBCB - #FFFBD9

CSS codes

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

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