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

#C3C7BC #FFFAC8

Calculate the color between two colors, #C3C7BC 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)

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

0.0%	0.0% #C3C7BC	RGB 195 199 188	#C3C7BC
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

#C3C7BC #CDCFBE #D7D8C0 #E1E0C2 #EBE9C4 #F5F1C6 #FFFAC8

#C3C7BC - #FFFAC8

HSV Blend

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

0.0%	0.0% #C3C7BC	RGB 195 199 188	#C3C7BC
16.7%	16.7% #CBD0BF	RGB 203 208 191	#CBD0BF
33.3%	33.3% #D4D9C1	RGB 212 217 193	#D4D9C1
50.0%	50.0% #DEE3C4	RGB 222 227 196	#DEE3C4
66.7%	66.7% #EAECC5	RGB 234 236 197	#EAECC5
83.3%	83.3% #F5F4C7	RGB 245 244 199	#F5F4C7
100.0%	100.0% #FFFAC8	RGB 255 250 200	#FFFAC8

#C3C7BC #CBD0BF #D4D9C1 #DEE3C4 #EAECC5 #F5F4C7 #FFFAC8

#C3C7BC - #DEE3C4 - #FFFAC8

CSS codes

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

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