#C2D1C8 - #CFE6C9 | 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 #C2D1C8 to #CFE6C9

#C2D1C8 #CFE6C9

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

#C2D1C8 - #CFE6C9 | 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 #C2D1C8 as 0% and #CFE6C9 as 100%.

0.0%	0.0% #C2D1C8	RGB 194 209 200	#C2D1C8
16.7%	16.7% #C4D4C8	RGB 196 212 200	#C4D4C8
33.3%	33.3% #C6D8C8	RGB 198 216 200	#C6D8C8
50.0%	50.0% #C8DBC8	RGB 200 219 200	#C8DBC8
66.7%	66.7% #CADFC8	RGB 202 223 200	#CADFC8
83.3%	83.3% #CCE2C8	RGB 204 226 200	#CCE2C8
100.0%	100.0% #CFE6C9	RGB 207 230 201	#CFE6C9

#C2D1C8 #C4D4C8 #C6D8C8 #C8DBC8 #CADFC8 #CCE2C8 #CFE6C9

#C2D1C8 - #CFE6C9

HSV Blend

#C2D1C8 - #CFE6C9 | 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 #C2D1C8 as 0% and #CFE6C9 as 100%.

0.0%	0.0% #C2D1C8	RGB 194 209 200	#C2D1C8
16.7%	16.7% #C3D4C8	RGB 195 212 200	#C3D4C8
33.3%	33.3% #C4D8C8	RGB 196 216 200	#C4D8C8
50.0%	50.0% #C5DBC7	RGB 197 219 199	#C5DBC7
66.7%	66.7% #C7DFC6	RGB 199 223 198	#C7DFC6
83.3%	83.3% #CAE2C7	RGB 202 226 199	#CAE2C7
100.0%	100.0% #CFE6C9	RGB 207 230 201	#CFE6C9

#C2D1C8 #C3D4C8 #C4D8C8 #C5DBC7 #C7DFC6 #CAE2C7 #CFE6C9

#C2D1C8 - #C5DBC7 - #CFE6C9

CSS codes

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

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