#C0C8F3 - #D6E2EB | 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 #C0C8F3 to #D6E2EB

#C0C8F3 #D6E2EB

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

#C0C8F3 - #D6E2EB | 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 #C0C8F3 as 0% and #D6E2EB as 100%.

0.0%	0.0% #C0C8F3	RGB 192 200 243	#C0C8F3
16.7%	16.7% #C3CCF1	RGB 195 204 241	#C3CCF1
33.3%	33.3% #C7D0F0	RGB 199 208 240	#C7D0F0
50.0%	50.0% #CBD5EF	RGB 203 213 239	#CBD5EF
66.7%	66.7% #CED9ED	RGB 206 217 237	#CED9ED
83.3%	83.3% #D2DDEC	RGB 210 221 236	#D2DDEC
100.0%	100.0% #D6E2EB	RGB 214 226 235	#D6E2EB

#C0C8F3 #C3CCF1 #C7D0F0 #CBD5EF #CED9ED #D2DDEC #D6E2EB

#C0C8F3 - #D6E2EB

HSV Blend

#C0C8F3 - #D6E2EB | 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 #C0C8F3 as 0% and #D6E2EB as 100%.

0.0%	0.0% #C0C8F3	RGB 192 200 243	#C0C8F3
16.7%	16.7% #C3CEF1	RGB 195 206 241	#C3CEF1
33.3%	33.3% #C7D3F0	RGB 199 211 240	#C7D3F0
50.0%	50.0% #CBD8EF	RGB 203 216 239	#CBD8EF
66.7%	66.7% #CEDCED	RGB 206 220 237	#CEDCED
83.3%	83.3% #D2DFEC	RGB 210 223 236	#D2DFEC
100.0%	100.0% #D6E2EB	RGB 214 226 235	#D6E2EB

#C0C8F3 #C3CEF1 #C7D3F0 #CBD8EF #CEDCED #D2DFEC #D6E2EB

#C0C8F3 - #CBD8EF - #D6E2EB

CSS codes

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

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