#C8C9F1 - #D6E3EA | 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 #C8C9F1 to #D6E3EA

#C8C9F1 #D6E3EA

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

#C8C9F1 - #D6E3EA | 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 #C8C9F1 as 0% and #D6E3EA as 100%.

0.0%	0.0% #C8C9F1	RGB 200 201 241	#C8C9F1
16.7%	16.7% #CACDEF	RGB 202 205 239	#CACDEF
33.3%	33.3% #CCD1EE	RGB 204 209 238	#CCD1EE
50.0%	50.0% #CFD6ED	RGB 207 214 237	#CFD6ED
66.7%	66.7% #D1DAEC	RGB 209 218 236	#D1DAEC
83.3%	83.3% #D3DEEB	RGB 211 222 235	#D3DEEB
100.0%	100.0% #D6E3EA	RGB 214 227 234	#D6E3EA

#C8C9F1 #CACDEF #CCD1EE #CFD6ED #D1DAEC #D3DEEB #D6E3EA

#C8C9F1 - #D6E3EA

HSV Blend

#C8C9F1 - #D6E3EA | 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 #C8C9F1 as 0% and #D6E3EA as 100%.

0.0%	0.0% #C8C9F1	RGB 200 201 241	#C8C9F1
16.7%	16.7% #CACFEF	RGB 202 207 239	#CACFEF
33.3%	33.3% #CCD4EE	RGB 204 212 238	#CCD4EE
50.0%	50.0% #CFD9ED	RGB 207 217 237	#CFD9ED
66.7%	66.7% #D1DDEC	RGB 209 221 236	#D1DDEC
83.3%	83.3% #D3E0EB	RGB 211 224 235	#D3E0EB
100.0%	100.0% #D6E3EA	RGB 214 227 234	#D6E3EA

#C8C9F1 #CACFEF #CCD4EE #CFD9ED #D1DDEC #D3E0EB #D6E3EA

#C8C9F1 - #CFD9ED - #D6E3EA

CSS codes

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

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