#CAD7F6 - #EFF2FC | 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 #CAD7F6 to #EFF2FC

#CAD7F6 #EFF2FC

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

#CAD7F6 - #EFF2FC | 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 #CAD7F6 as 0% and #EFF2FC as 100%.

0.0%	0.0% #CAD7F6	RGB 202 215 246	#CAD7F6
16.7%	16.7% #D0DBF7	RGB 208 219 247	#D0DBF7
33.3%	33.3% #D6E0F8	RGB 214 224 248	#D6E0F8
50.0%	50.0% #DCE4F9	RGB 220 228 249	#DCE4F9
66.7%	66.7% #E2E9FA	RGB 226 233 250	#E2E9FA
83.3%	83.3% #E8EDFB	RGB 232 237 251	#E8EDFB
100.0%	100.0% #EFF2FC	RGB 239 242 252	#EFF2FC

#CAD7F6 #D0DBF7 #D6E0F8 #DCE4F9 #E2E9FA #E8EDFB #EFF2FC

#CAD7F6 - #EFF2FC

HSV Blend

#CAD7F6 - #EFF2FC | 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 #CAD7F6 as 0% and #EFF2FC as 100%.

0.0%	0.0% #CAD7F6	RGB 202 215 246	#CAD7F6
16.7%	16.7% #D0DBF7	RGB 208 219 247	#D0DBF7
33.3%	33.3% #D6DFF8	RGB 214 223 248	#D6DFF8
50.0%	50.0% #DCE3F9	RGB 220 227 249	#DCE3F9
66.7%	66.7% #E2E8FA	RGB 226 232 250	#E2E8FA
83.3%	83.3% #E8EDFB	RGB 232 237 251	#E8EDFB
100.0%	100.0% #EFF2FC	RGB 239 242 252	#EFF2FC

#CAD7F6 #D0DBF7 #D6DFF8 #DCE3F9 #E2E8FA #E8EDFB #EFF2FC

#CAD7F6 - #DCE3F9 - #EFF2FC

CSS codes

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

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