#C0C9F3 - #D7E2EB | 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 #C0C9F3 to #D7E2EB

#C0C9F3 #D7E2EB

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

#C0C9F3 - #D7E2EB | 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 #C0C9F3 as 0% and #D7E2EB as 100%.

0.0%	0.0% #C0C9F3	RGB 192 201 243	#C0C9F3
16.7%	16.7% #C3CDF1	RGB 195 205 241	#C3CDF1
33.3%	33.3% #C7D1F0	RGB 199 209 240	#C7D1F0
50.0%	50.0% #CBD5EF	RGB 203 213 239	#CBD5EF
66.7%	66.7% #CFD9ED	RGB 207 217 237	#CFD9ED
83.3%	83.3% #D3DDEC	RGB 211 221 236	#D3DDEC
100.0%	100.0% #D7E2EB	RGB 215 226 235	#D7E2EB

#C0C9F3 #C3CDF1 #C7D1F0 #CBD5EF #CFD9ED #D3DDEC #D7E2EB

#C0C9F3 - #D7E2EB

HSV Blend

#C0C9F3 - #D7E2EB | 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 #C0C9F3 as 0% and #D7E2EB as 100%.

0.0%	0.0% #C0C9F3	RGB 192 201 243	#C0C9F3
16.7%	16.7% #C3CEF1	RGB 195 206 241	#C3CEF1
33.3%	33.3% #C7D4F0	RGB 199 212 240	#C7D4F0
50.0%	50.0% #CBD8EF	RGB 203 216 239	#CBD8EF
66.7%	66.7% #CFDCED	RGB 207 220 237	#CFDCED
83.3%	83.3% #D3DFEC	RGB 211 223 236	#D3DFEC
100.0%	100.0% #D7E2EB	RGB 215 226 235	#D7E2EB

#C0C9F3 #C3CEF1 #C7D4F0 #CBD8EF #CFDCED #D3DFEC #D7E2EB

#C0C9F3 - #CBD8EF - #D7E2EB

CSS codes

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

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