#C0C2AF - #CAFFC9 | 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 #C0C2AF to #CAFFC9

#C0C2AF #CAFFC9

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

#C0C2AF - #CAFFC9 | 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 #C0C2AF as 0% and #CAFFC9 as 100%.

0.0%	0.0% #C0C2AF	RGB 192 194 175	#C0C2AF
16.7%	16.7% #C1CCB3	RGB 193 204 179	#C1CCB3
33.3%	33.3% #C3D6B7	RGB 195 214 183	#C3D6B7
50.0%	50.0% #C5E0BC	RGB 197 224 188	#C5E0BC
66.7%	66.7% #C6EAC0	RGB 198 234 192	#C6EAC0
83.3%	83.3% #C8F4C4	RGB 200 244 196	#C8F4C4
100.0%	100.0% #CAFFC9	RGB 202 255 201	#CAFFC9

#C0C2AF #C1CCB3 #C3D6B7 #C5E0BC #C6EAC0 #C8F4C4 #CAFFC9

#C0C2AF - #CAFFC9

HSV Blend

#C0C2AF - #CAFFC9 | 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 #C0C2AF as 0% and #CAFFC9 as 100%.

0.0%	0.0% #C0C2AF	RGB 192 194 175	#C0C2AF
16.7%	16.7% #C6CCB4	RGB 198 204 180	#C6CCB4
33.3%	33.3% #CAD6B9	RGB 202 214 185	#CAD6B9
50.0%	50.0% #CDE0BD	RGB 205 224 189	#CDE0BD
66.7%	66.7% #CEEAC1	RGB 206 234 193	#CEEAC1
83.3%	83.3% #CDF4C5	RGB 205 244 197	#CDF4C5
100.0%	100.0% #CAFFC9	RGB 202 255 201	#CAFFC9

#C0C2AF #C6CCB4 #CAD6B9 #CDE0BD #CEEAC1 #CDF4C5 #CAFFC9

#C0C2AF - #CDE0BD - #CAFFC9

CSS codes

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

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