#C4D3D8 - #F5E9FF | 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 #C4D3D8 to #F5E9FF

#C4D3D8 #F5E9FF

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

#C4D3D8 - #F5E9FF | 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 #C4D3D8 as 0% and #F5E9FF as 100%.

0.0%	0.0% #C4D3D8	RGB 196 211 216	#C4D3D8
16.7%	16.7% #CCD6DE	RGB 204 214 222	#CCD6DE
33.3%	33.3% #D4DAE5	RGB 212 218 229	#D4DAE5
50.0%	50.0% #DCDEEB	RGB 220 222 235	#DCDEEB
66.7%	66.7% #E4E1F2	RGB 228 225 242	#E4E1F2
83.3%	83.3% #ECE5F8	RGB 236 229 248	#ECE5F8
100.0%	100.0% #F5E9FF	RGB 245 233 255	#F5E9FF

#C4D3D8 #CCD6DE #D4DAE5 #DCDEEB #E4E1F2 #ECE5F8 #F5E9FF

#C4D3D8 - #F5E9FF

HSV Blend

#C4D3D8 - #F5E9FF | 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 #C4D3D8 as 0% and #F5E9FF as 100%.

0.0%	0.0% #C4D3D8	RGB 196 211 216	#C4D3D8
16.7%	16.7% #CAD5DE	RGB 202 213 222	#CAD5DE
33.3%	33.3% #D0D6E5	RGB 208 214 229	#D0D6E5
50.0%	50.0% #D6D8EB	RGB 214 216 235	#D6D8EB
66.7%	66.7% #DFDCF2	RGB 223 220 242	#DFDCF2
83.3%	83.3% #E9E2F8	RGB 233 226 248	#E9E2F8
100.0%	100.0% #F5E9FF	RGB 245 233 255	#F5E9FF

#C4D3D8 #CAD5DE #D0D6E5 #D6D8EB #DFDCF2 #E9E2F8 #F5E9FF

#C4D3D8 - #D6D8EB - #F5E9FF

CSS codes

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

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