#C4C7BC - #FFFAC8 | 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 #C4C7BC to #FFFAC8

#C4C7BC #FFFAC8

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

#C4C7BC - #FFFAC8 | 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 #C4C7BC as 0% and #FFFAC8 as 100%.

0.0%	0.0% #C4C7BC	RGB 196 199 188	#C4C7BC
16.7%	16.7% #CDCFBE	RGB 205 207 190	#CDCFBE
33.3%	33.3% #D7D8C0	RGB 215 216 192	#D7D8C0
50.0%	50.0% #E1E0C2	RGB 225 224 194	#E1E0C2
66.7%	66.7% #EBE9C4	RGB 235 233 196	#EBE9C4
83.3%	83.3% #F5F1C6	RGB 245 241 198	#F5F1C6
100.0%	100.0% #FFFAC8	RGB 255 250 200	#FFFAC8

#C4C7BC #CDCFBE #D7D8C0 #E1E0C2 #EBE9C4 #F5F1C6 #FFFAC8

#C4C7BC - #FFFAC8

HSV Blend

#C4C7BC - #FFFAC8 | 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 #C4C7BC as 0% and #FFFAC8 as 100%.

0.0%	0.0% #C4C7BC	RGB 196 199 188	#C4C7BC
16.7%	16.7% #CCD0BF	RGB 204 208 191	#CCD0BF
33.3%	33.3% #D6D9C1	RGB 214 217 193	#D6D9C1
50.0%	50.0% #E0E3C4	RGB 224 227 196	#E0E3C4
66.7%	66.7% #EBECC5	RGB 235 236 197	#EBECC5
83.3%	83.3% #F5F4C7	RGB 245 244 199	#F5F4C7
100.0%	100.0% #FFFAC8	RGB 255 250 200	#FFFAC8

#C4C7BC #CCD0BF #D6D9C1 #E0E3C4 #EBECC5 #F5F4C7 #FFFAC8

#C4C7BC - #E0E3C4 - #FFFAC8

CSS codes

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

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