#C3C3BC - #FFE9C8 | 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 #C3C3BC to #FFE9C8

#C3C3BC #FFE9C8

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

#C3C3BC - #FFE9C8 | 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 #C3C3BC as 0% and #FFE9C8 as 100%.

0.0%	0.0% #C3C3BC	RGB 195 195 188	#C3C3BC
16.7%	16.7% #CDC9BE	RGB 205 201 190	#CDC9BE
33.3%	33.3% #D7CFC0	RGB 215 207 192	#D7CFC0
50.0%	50.0% #E1D6C2	RGB 225 214 194	#E1D6C2
66.7%	66.7% #EBDCC4	RGB 235 220 196	#EBDCC4
83.3%	83.3% #F5E2C6	RGB 245 226 198	#F5E2C6
100.0%	100.0% #FFE9C8	RGB 255 233 200	#FFE9C8

#C3C3BC #CDC9BE #D7CFC0 #E1D6C2 #EBDCC4 #F5E2C6 #FFE9C8

#C3C3BC - #FFE9C8

HSV Blend

#C3C3BC - #FFE9C8 | 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 #C3C3BC as 0% and #FFE9C8 as 100%.

0.0%	0.0% #C3C3BC	RGB 195 195 188	#C3C3BC
16.7%	16.7% #CDCCBF	RGB 205 204 191	#CDCCBF
33.3%	33.3% #D7D4C2	RGB 215 212 194	#D7D4C2
50.0%	50.0% #E1DBC4	RGB 225 219 196	#E1DBC4
66.7%	66.7% #EBE1C6	RGB 235 225 198	#EBE1C6
83.3%	83.3% #F5E5C7	RGB 245 229 199	#F5E5C7
100.0%	100.0% #FFE9C8	RGB 255 233 200	#FFE9C8

#C3C3BC #CDCCBF #D7D4C2 #E1DBC4 #EBE1C6 #F5E5C7 #FFE9C8

#C3C3BC - #E1DBC4 - #FFE9C8

CSS codes

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

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