#CAD2E5 - #F5E5FF | 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 #CAD2E5 to #F5E5FF

#CAD2E5 #F5E5FF

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

#CAD2E5 - #F5E5FF | 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 #CAD2E5 as 0% and #F5E5FF as 100%.

0.0%	0.0% #CAD2E5	RGB 202 210 229	#CAD2E5
16.7%	16.7% #D1D5E9	RGB 209 213 233	#D1D5E9
33.3%	33.3% #D8D8ED	RGB 216 216 237	#D8D8ED
50.0%	50.0% #DFDBF2	RGB 223 219 242	#DFDBF2
66.7%	66.7% #E6DEF6	RGB 230 222 246	#E6DEF6
83.3%	83.3% #EDE1FA	RGB 237 225 250	#EDE1FA
100.0%	100.0% #F5E5FF	RGB 245 229 255	#F5E5FF

#CAD2E5 #D1D5E9 #D8D8ED #DFDBF2 #E6DEF6 #EDE1FA #F5E5FF

#CAD2E5 - #F5E5FF

HSV Blend

#CAD2E5 - #F5E5FF | 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 #CAD2E5 as 0% and #F5E5FF as 100%.

0.0%	0.0% #CAD2E5	RGB 202 210 229	#CAD2E5
16.7%	16.7% #CED2E9	RGB 206 210 233	#CED2E9
33.3%	33.3% #D3D2ED	RGB 211 210 237	#D3D2ED
50.0%	50.0% #DBD7F2	RGB 219 215 242	#DBD7F2
66.7%	66.7% #E4DBF6	RGB 228 219 246	#E4DBF6
83.3%	83.3% #ECE0FA	RGB 236 224 250	#ECE0FA
100.0%	100.0% #F5E5FF	RGB 245 229 255	#F5E5FF

#CAD2E5 #CED2E9 #D3D2ED #DBD7F2 #E4DBF6 #ECE0FA #F5E5FF

#CAD2E5 - #DBD7F2 - #F5E5FF

CSS codes

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

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