#C8C8BC - #F2FFD2 | 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 #C8C8BC to #F2FFD2

#C8C8BC #F2FFD2

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

#C8C8BC - #F2FFD2 | 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 #C8C8BC as 0% and #F2FFD2 as 100%.

0.0%	0.0% #C8C8BC	RGB 200 200 188	#C8C8BC
16.7%	16.7% #CFD1BF	RGB 207 209 191	#CFD1BF
33.3%	33.3% #D6DAC3	RGB 214 218 195	#D6DAC3
50.0%	50.0% #DDE3C7	RGB 221 227 199	#DDE3C7
66.7%	66.7% #E4ECCA	RGB 228 236 202	#E4ECCA
83.3%	83.3% #EBF5CE	RGB 235 245 206	#EBF5CE
100.0%	100.0% #F2FFD2	RGB 242 255 210	#F2FFD2

#C8C8BC #CFD1BF #D6DAC3 #DDE3C7 #E4ECCA #EBF5CE #F2FFD2

#C8C8BC - #F2FFD2

HSV Blend

#C8C8BC - #F2FFD2 | 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 #C8C8BC as 0% and #F2FFD2 as 100%.

0.0%	0.0% #C8C8BC	RGB 200 200 188	#C8C8BC
16.7%	16.7% #D0D1C0	RGB 208 209 192	#D0D1C0
33.3%	33.3% #D8DAC4	RGB 216 218 196	#D8DAC4
50.0%	50.0% #DFE3C8	RGB 223 227 200	#DFE3C8
66.7%	66.7% #E6ECCC	RGB 230 236 204	#E6ECCC
83.3%	83.3% #ECF5CF	RGB 236 245 207	#ECF5CF
100.0%	100.0% #F2FFD2	RGB 242 255 210	#F2FFD2

#C8C8BC #D0D1C0 #D8DAC4 #DFE3C8 #E6ECCC #ECF5CF #F2FFD2

#C8C8BC - #DFE3C8 - #F2FFD2

CSS codes

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

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