#C7B9B9 - #C2FFC6 | 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 #C7B9B9 to #C2FFC6

#C7B9B9 #C2FFC6

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

#C7B9B9 - #C2FFC6 | 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 #C7B9B9 as 0% and #C2FFC6 as 100%.

0.0%	0.0% #C7B9B9	RGB 199 185 185	#C7B9B9
16.7%	16.7% #C6C4BB	RGB 198 196 187	#C6C4BB
33.3%	33.3% #C5D0BD	RGB 197 208 189	#C5D0BD
50.0%	50.0% #C4DCBF	RGB 196 220 191	#C4DCBF
66.7%	66.7% #C3E7C1	RGB 195 231 193	#C3E7C1
83.3%	83.3% #C2F3C3	RGB 194 243 195	#C2F3C3
100.0%	100.0% #C2FFC6	RGB 194 255 198	#C2FFC6

#C7B9B9 #C6C4BB #C5D0BD #C4DCBF #C3E7C1 #C2F3C3 #C2FFC6

#C7B9B9 - #C2FFC6

HSV Blend

#C7B9B9 - #C2FFC6 | 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 #C7B9B9 as 0% and #C2FFC6 as 100%.

0.0%	0.0% #C7B9B9	RGB 199 185 185	#C7B9B9
16.7%	16.7% #D0C2BB	RGB 208 194 187	#D0C2BB
33.3%	33.3% #D9D1BE	RGB 217 209 190	#D9D1BE
50.0%	50.0% #E1E3BF	RGB 225 227 191	#E1E3BF
66.7%	66.7% #DCECC1	RGB 220 236 193	#DCECC1
83.3%	83.3% #D0F5C1	RGB 208 245 193	#D0F5C1
100.0%	100.0% #C2FFC6	RGB 194 255 198	#C2FFC6

#C7B9B9 #D0C2BB #D9D1BE #E1E3BF #DCECC1 #D0F5C1 #C2FFC6

#C7B9B9 - #E1E3BF - #C2FFC6

CSS codes

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

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