#C8C8F1 - #D5E3EA | 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 #C8C8F1 to #D5E3EA

#C8C8F1 #D5E3EA

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

#C8C8F1 - #D5E3EA | 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 #C8C8F1 as 0% and #D5E3EA as 100%.

0.0%	0.0% #C8C8F1	RGB 200 200 241	#C8C8F1
16.7%	16.7% #CACCEF	RGB 202 204 239	#CACCEF
33.3%	33.3% #CCD1EE	RGB 204 209 238	#CCD1EE
50.0%	50.0% #CED5ED	RGB 206 213 237	#CED5ED
66.7%	66.7% #D0DAEC	RGB 208 218 236	#D0DAEC
83.3%	83.3% #D2DEEB	RGB 210 222 235	#D2DEEB
100.0%	100.0% #D5E3EA	RGB 213 227 234	#D5E3EA

#C8C8F1 #CACCEF #CCD1EE #CED5ED #D0DAEC #D2DEEB #D5E3EA

#C8C8F1 - #D5E3EA

HSV Blend

#C8C8F1 - #D5E3EA | 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 #C8C8F1 as 0% and #D5E3EA as 100%.

0.0%	0.0% #C8C8F1	RGB 200 200 241	#C8C8F1
16.7%	16.7% #CACEEF	RGB 202 206 239	#CACEEF
33.3%	33.3% #CCD4EE	RGB 204 212 238	#CCD4EE
50.0%	50.0% #CED8ED	RGB 206 216 237	#CED8ED
66.7%	66.7% #D0DDEC	RGB 208 221 236	#D0DDEC
83.3%	83.3% #D2E0EB	RGB 210 224 235	#D2E0EB
100.0%	100.0% #D5E3EA	RGB 213 227 234	#D5E3EA

#C8C8F1 #CACEEF #CCD4EE #CED8ED #D0DDEC #D2E0EB #D5E3EA

#C8C8F1 - #CED8ED - #D5E3EA

CSS codes

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

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