#C8C7C9 - #FFFAC4 | 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 #C8C7C9 to #FFFAC4

#C8C7C9 #FFFAC4

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

#C8C7C9 - #FFFAC4 | 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 #C8C7C9 as 0% and #FFFAC4 as 100%.

0.0%	0.0% #C8C7C9	RGB 200 199 201	#C8C7C9
16.7%	16.7% #D1CFC8	RGB 209 207 200	#D1CFC8
33.3%	33.3% #DAD8C7	RGB 218 216 199	#DAD8C7
50.0%	50.0% #E3E0C6	RGB 227 224 198	#E3E0C6
66.7%	66.7% #ECE9C5	RGB 236 233 197	#ECE9C5
83.3%	83.3% #F5F1C4	RGB 245 241 196	#F5F1C4
100.0%	100.0% #FFFAC4	RGB 255 250 196	#FFFAC4

#C8C7C9 #D1CFC8 #DAD8C7 #E3E0C6 #ECE9C5 #F5F1C4 #FFFAC4

#C8C7C9 - #FFFAC4

HSV Blend

#C8C7C9 - #FFFAC4 | 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 #C8C7C9 as 0% and #FFFAC4 as 100%.

0.0%	0.0% #C8C7C9	RGB 200 199 201	#C8C7C9
16.7%	16.7% #D1C8D2	RGB 209 200 210	#D1C8D2
33.3%	33.3% #DBC8D5	RGB 219 200 213	#DBC8D5
50.0%	50.0% #E4C8D0	RGB 228 200 208	#E4C8D0
66.7%	66.7% #EDCBC7	RGB 237 203 199	#EDCBC7
83.3%	83.3% #F6DEC6	RGB 246 222 198	#F6DEC6
100.0%	100.0% #FFFAC4	RGB 255 250 196	#FFFAC4

#C8C7C9 #D1C8D2 #DBC8D5 #E4C8D0 #EDCBC7 #F6DEC6 #FFFAC4

#C8C7C9 - #E4C8D0 - #FFFAC4

CSS codes

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

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