#C8C8F3 - #D4E3EB | 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 #C8C8F3 to #D4E3EB

#C8C8F3 #D4E3EB

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

#C8C8F3 - #D4E3EB | 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 #C8C8F3 as 0% and #D4E3EB as 100%.

0.0%	0.0% #C8C8F3	RGB 200 200 243	#C8C8F3
16.7%	16.7% #CACCF1	RGB 202 204 241	#CACCF1
33.3%	33.3% #CCD1F0	RGB 204 209 240	#CCD1F0
50.0%	50.0% #CED5EF	RGB 206 213 239	#CED5EF
66.7%	66.7% #D0DAED	RGB 208 218 237	#D0DAED
83.3%	83.3% #D2DEEC	RGB 210 222 236	#D2DEEC
100.0%	100.0% #D4E3EB	RGB 212 227 235	#D4E3EB

#C8C8F3 #CACCF1 #CCD1F0 #CED5EF #D0DAED #D2DEEC #D4E3EB

#C8C8F3 - #D4E3EB

HSV Blend

#C8C8F3 - #D4E3EB | 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 #C8C8F3 as 0% and #D4E3EB as 100%.

0.0%	0.0% #C8C8F3	RGB 200 200 243	#C8C8F3
16.7%	16.7% #CACEF1	RGB 202 206 241	#CACEF1
33.3%	33.3% #CCD4F0	RGB 204 212 240	#CCD4F0
50.0%	50.0% #CED8EF	RGB 206 216 239	#CED8EF
66.7%	66.7% #D0DCED	RGB 208 220 237	#D0DCED
83.3%	83.3% #D2E0EC	RGB 210 224 236	#D2E0EC
100.0%	100.0% #D4E3EB	RGB 212 227 235	#D4E3EB

#C8C8F3 #CACEF1 #CCD4F0 #CED8EF #D0DCED #D2E0EC #D4E3EB

#C8C8F3 - #CED8EF - #D4E3EB

CSS codes

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

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