#C7C7BC - #FFEAC8 | 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 #C7C7BC to #FFEAC8

#C7C7BC #FFEAC8

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

#C7C7BC - #FFEAC8 | 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 #C7C7BC as 0% and #FFEAC8 as 100%.

0.0%	0.0% #C7C7BC	RGB 199 199 188	#C7C7BC
16.7%	16.7% #D0CCBE	RGB 208 204 190	#D0CCBE
33.3%	33.3% #D9D2C0	RGB 217 210 192	#D9D2C0
50.0%	50.0% #E3D8C2	RGB 227 216 194	#E3D8C2
66.7%	66.7% #ECDEC4	RGB 236 222 196	#ECDEC4
83.3%	83.3% #F5E4C6	RGB 245 228 198	#F5E4C6
100.0%	100.0% #FFEAC8	RGB 255 234 200	#FFEAC8

#C7C7BC #D0CCBE #D9D2C0 #E3D8C2 #ECDEC4 #F5E4C6 #FFEAC8

#C7C7BC - #FFEAC8

HSV Blend

#C7C7BC - #FFEAC8 | 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 #C7C7BC as 0% and #FFEAC8 as 100%.

0.0%	0.0% #C7C7BC	RGB 199 199 188	#C7C7BC
16.7%	16.7% #D0CFBF	RGB 208 207 191	#D0CFBF
33.3%	33.3% #D9D6C1	RGB 217 214 193	#D9D6C1
50.0%	50.0% #E3DDC4	RGB 227 221 196	#E3DDC4
66.7%	66.7% #ECE2C5	RGB 236 226 197	#ECE2C5
83.3%	83.3% #F5E6C7	RGB 245 230 199	#F5E6C7
100.0%	100.0% #FFEAC8	RGB 255 234 200	#FFEAC8

#C7C7BC #D0CFBF #D9D6C1 #E3DDC4 #ECE2C5 #F5E6C7 #FFEAC8

#C7C7BC - #E3DDC4 - #FFEAC8

CSS codes

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

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