#C7C4B9 - #C2FFF9 | 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 #C7C4B9 to #C2FFF9

#C7C4B9 #C2FFF9

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

#C7C4B9 - #C2FFF9 | 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 #C7C4B9 as 0% and #C2FFF9 as 100%.

0.0%	0.0% #C7C4B9	RGB 199 196 185	#C7C4B9
16.7%	16.7% #C6CDC3	RGB 198 205 195	#C6CDC3
33.3%	33.3% #C5D7CE	RGB 197 215 206	#C5D7CE
50.0%	50.0% #C4E1D9	RGB 196 225 217	#C4E1D9
66.7%	66.7% #C3EBE3	RGB 195 235 227	#C3EBE3
83.3%	83.3% #C2F5EE	RGB 194 245 238	#C2F5EE
100.0%	100.0% #C2FFF9	RGB 194 255 249	#C2FFF9

#C7C4B9 #C6CDC3 #C5D7CE #C4E1D9 #C3EBE3 #C2F5EE #C2FFF9

#C7C4B9 - #C2FFF9

HSV Blend

#C7C4B9 - #C2FFF9 | 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 #C7C4B9 as 0% and #C2FFF9 as 100%.

0.0%	0.0% #C7C4B9	RGB 199 196 185	#C7C4B9
16.7%	16.7% #CDD0BB	RGB 205 208 187	#CDD0BB
33.3%	33.3% #CCD9BE	RGB 204 217 190	#CCD9BE
50.0%	50.0% #C5E3BF	RGB 197 227 191	#C5E3BF
66.7%	66.7% #C1ECC9	RGB 193 236 201	#C1ECC9
83.3%	83.3% #C1F5DE	RGB 193 245 222	#C1F5DE
100.0%	100.0% #C2FFF9	RGB 194 255 249	#C2FFF9

#C7C4B9 #CDD0BB #CCD9BE #C5E3BF #C1ECC9 #C1F5DE #C2FFF9

#C7C4B9 - #C5E3BF - #C2FFF9

CSS codes

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

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