#C2D0C8 - #CEE6C9 | 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 #C2D0C8 to #CEE6C9

#C2D0C8 #CEE6C9

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

#C2D0C8 - #CEE6C9 | 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 #C2D0C8 as 0% and #CEE6C9 as 100%.

0.0%	0.0% #C2D0C8	RGB 194 208 200	#C2D0C8
16.7%	16.7% #C4D3C8	RGB 196 211 200	#C4D3C8
33.3%	33.3% #C6D7C8	RGB 198 215 200	#C6D7C8
50.0%	50.0% #C8DBC8	RGB 200 219 200	#C8DBC8
66.7%	66.7% #CADEC8	RGB 202 222 200	#CADEC8
83.3%	83.3% #CCE2C8	RGB 204 226 200	#CCE2C8
100.0%	100.0% #CEE6C9	RGB 206 230 201	#CEE6C9

#C2D0C8 #C4D3C8 #C6D7C8 #C8DBC8 #CADEC8 #CCE2C8 #CEE6C9

#C2D0C8 - #CEE6C9

HSV Blend

#C2D0C8 - #CEE6C9 | 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 #C2D0C8 as 0% and #CEE6C9 as 100%.

0.0%	0.0% #C2D0C8	RGB 194 208 200	#C2D0C8
16.7%	16.7% #C3D3C8	RGB 195 211 200	#C3D3C8
33.3%	33.3% #C4D7C8	RGB 196 215 200	#C4D7C8
50.0%	50.0% #C5DBC8	RGB 197 219 200	#C5DBC8
66.7%	66.7% #C6DEC7	RGB 198 222 199	#C6DEC7
83.3%	83.3% #C9E2C8	RGB 201 226 200	#C9E2C8
100.0%	100.0% #CEE6C9	RGB 206 230 201	#CEE6C9

#C2D0C8 #C3D3C8 #C4D7C8 #C5DBC8 #C6DEC7 #C9E2C8 #CEE6C9

#C2D0C8 - #C5DBC8 - #CEE6C9

CSS codes

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

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