#C4C8AD - #CEFFC0 | 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 #C4C8AD to #CEFFC0

#C4C8AD #CEFFC0

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

#C4C8AD - #CEFFC0 | 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 #C4C8AD as 0% and #CEFFC0 as 100%.

0.0%	0.0% #C4C8AD	RGB 196 200 173	#C4C8AD
16.7%	16.7% #C5D1B0	RGB 197 209 176	#C5D1B0
33.3%	33.3% #C7DAB3	RGB 199 218 179	#C7DAB3
50.0%	50.0% #C9E3B6	RGB 201 227 182	#C9E3B6
66.7%	66.7% #CAECB9	RGB 202 236 185	#CAECB9
83.3%	83.3% #CCF5BC	RGB 204 245 188	#CCF5BC
100.0%	100.0% #CEFFC0	RGB 206 255 192	#CEFFC0

#C4C8AD #C5D1B0 #C7DAB3 #C9E3B6 #CAECB9 #CCF5BC #CEFFC0

#C4C8AD - #CEFFC0

HSV Blend

#C4C8AD - #CEFFC0 | 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 #C4C8AD as 0% and #CEFFC0 as 100%.

0.0%	0.0% #C4C8AD	RGB 196 200 173	#C4C8AD
16.7%	16.7% #C9D1B1	RGB 201 209 177	#C9D1B1
33.3%	33.3% #CCDAB4	RGB 204 218 180	#CCDAB4
50.0%	50.0% #CFE3B8	RGB 207 227 184	#CFE3B8
66.7%	66.7% #D0ECBB	RGB 208 236 187	#D0ECBB
83.3%	83.3% #D0F5BD	RGB 208 245 189	#D0F5BD
100.0%	100.0% #CEFFC0	RGB 206 255 192	#CEFFC0

#C4C8AD #C9D1B1 #CCDAB4 #CFE3B8 #D0ECBB #D0F5BD #CEFFC0

#C4C8AD - #CFE3B8 - #CEFFC0

CSS codes

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

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