#CAD2EB - #EFF2F9 | 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 #CAD2EB to #EFF2F9

#CAD2EB #EFF2F9

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

#CAD2EB - #EFF2F9 | 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 #CAD2EB as 0% and #EFF2F9 as 100%.

0.0%	0.0% #CAD2EB	RGB 202 210 235	#CAD2EB
16.7%	16.7% #D0D7ED	RGB 208 215 237	#D0D7ED
33.3%	33.3% #D6DCEF	RGB 214 220 239	#D6DCEF
50.0%	50.0% #DCE2F2	RGB 220 226 242	#DCE2F2
66.7%	66.7% #E2E7F4	RGB 226 231 244	#E2E7F4
83.3%	83.3% #E8ECF6	RGB 232 236 246	#E8ECF6
100.0%	100.0% #EFF2F9	RGB 239 242 249	#EFF2F9

#CAD2EB #D0D7ED #D6DCEF #DCE2F2 #E2E7F4 #E8ECF6 #EFF2F9

#CAD2EB - #EFF2F9

HSV Blend

#CAD2EB - #EFF2F9 | 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 #CAD2EB as 0% and #EFF2F9 as 100%.

0.0%	0.0% #CAD2EB	RGB 202 210 235	#CAD2EB
16.7%	16.7% #CFD7ED	RGB 207 215 237	#CFD7ED
33.3%	33.3% #D6DCEF	RGB 214 220 239	#D6DCEF
50.0%	50.0% #DCE2F2	RGB 220 226 242	#DCE2F2
66.7%	66.7% #E2E7F4	RGB 226 231 244	#E2E7F4
83.3%	83.3% #E8ECF6	RGB 232 236 246	#E8ECF6
100.0%	100.0% #EFF2F9	RGB 239 242 249	#EFF2F9

#CAD2EB #CFD7ED #D6DCEF #DCE2F2 #E2E7F4 #E8ECF6 #EFF2F9

#CAD2EB - #DCE2F2 - #EFF2F9

CSS codes

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

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