#C3C2BC - #FFF9CE | 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 #C3C2BC to #FFF9CE

#C3C2BC #FFF9CE

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

#C3C2BC - #FFF9CE | 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 #C3C2BC as 0% and #FFF9CE as 100%.

0.0%	0.0% #C3C2BC	RGB 195 194 188	#C3C2BC
16.7%	16.7% #CDCBBF	RGB 205 203 191	#CDCBBF
33.3%	33.3% #D7D4C2	RGB 215 212 194	#D7D4C2
50.0%	50.0% #E1DDC5	RGB 225 221 197	#E1DDC5
66.7%	66.7% #EBE6C8	RGB 235 230 200	#EBE6C8
83.3%	83.3% #F5EFCB	RGB 245 239 203	#F5EFCB
100.0%	100.0% #FFF9CE	RGB 255 249 206	#FFF9CE

#C3C2BC #CDCBBF #D7D4C2 #E1DDC5 #EBE6C8 #F5EFCB #FFF9CE

#C3C2BC - #FFF9CE

HSV Blend

#C3C2BC - #FFF9CE | 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 #C3C2BC as 0% and #FFF9CE as 100%.

0.0%	0.0% #C3C2BC	RGB 195 194 188	#C3C2BC
16.7%	16.7% #CDCBC0	RGB 205 203 192	#CDCBC0
33.3%	33.3% #D7D4C4	RGB 215 212 196	#D7D4C4
50.0%	50.0% #E1DDC7	RGB 225 221 199	#E1DDC7
66.7%	66.7% #EBE6CA	RGB 235 230 202	#EBE6CA
83.3%	83.3% #F5EFCC	RGB 245 239 204	#F5EFCC
100.0%	100.0% #FFF9CE	RGB 255 249 206	#FFF9CE

#C3C2BC #CDCBC0 #D7D4C4 #E1DDC7 #EBE6CA #F5EFCC #FFF9CE

#C3C2BC - #E1DDC7 - #FFF9CE

CSS codes

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

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