#C0ECEC - #D0E5D3 | 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 #C0ECEC to #D0E5D3

#C0ECEC #D0E5D3

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

#C0ECEC - #D0E5D3 | 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 #C0ECEC as 0% and #D0E5D3 as 100%.

0.0%	0.0% #C0ECEC	RGB 192 236 236	#C0ECEC
16.7%	16.7% #C2EAE7	RGB 194 234 231	#C2EAE7
33.3%	33.3% #C5E9E3	RGB 197 233 227	#C5E9E3
50.0%	50.0% #C8E8DF	RGB 200 232 223	#C8E8DF
66.7%	66.7% #CAE7DB	RGB 202 231 219	#CAE7DB
83.3%	83.3% #CDE6D7	RGB 205 230 215	#CDE6D7
100.0%	100.0% #D0E5D3	RGB 208 229 211	#D0E5D3

#C0ECEC #C2EAE7 #C5E9E3 #C8E8DF #CAE7DB #CDE6D7 #D0E5D3

#C0ECEC - #D0E5D3

HSV Blend

#C0ECEC - #D0E5D3 | 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 #C0ECEC as 0% and #D0E5D3 as 100%.

0.0%	0.0% #C0ECEC	RGB 192 236 236	#C0ECEC
16.7%	16.7% #C2EAE5	RGB 194 234 229	#C2EAE5
33.3%	33.3% #C5E9DF	RGB 197 233 223	#C5E9DF
50.0%	50.0% #C8E8DA	RGB 200 232 218	#C8E8DA
66.7%	66.7% #CAE7D7	RGB 202 231 215	#CAE7D7
83.3%	83.3% #CDE6D4	RGB 205 230 212	#CDE6D4
100.0%	100.0% #D0E5D3	RGB 208 229 211	#D0E5D3

#C0ECEC #C2EAE5 #C5E9DF #C8E8DA #CAE7D7 #CDE6D4 #D0E5D3

#C0ECEC - #C8E8DA - #D0E5D3

CSS codes

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

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