#EFF1F3 - #A8C7E5 | 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 #EFF1F3 to #A8C7E5

#EFF1F3 #A8C7E5

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

#EFF1F3 - #A8C7E5 | 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 #EFF1F3 as 0% and #A8C7E5 as 100%.

0.0%	0.0% #EFF1F3	RGB 239 241 243	#EFF1F3
16.7%	16.7% #E3EAF0	RGB 227 234 240	#E3EAF0
33.3%	33.3% #D7E3EE	RGB 215 227 238	#D7E3EE
50.0%	50.0% #CBDCEC	RGB 203 220 236	#CBDCEC
66.7%	66.7% #BFD5E9	RGB 191 213 233	#BFD5E9
83.3%	83.3% #B3CEE7	RGB 179 206 231	#B3CEE7
100.0%	100.0% #A8C7E5	RGB 168 199 229	#A8C7E5

#EFF1F3 #E3EAF0 #D7E3EE #CBDCEC #BFD5E9 #B3CEE7 #A8C7E5

#EFF1F3 - #A8C7E5

HSV Blend

#EFF1F3 - #A8C7E5 | 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 #EFF1F3 as 0% and #A8C7E5 as 100%.

0.0%	0.0% #EFF1F3	RGB 239 241 243	#EFF1F3
16.7%	16.7% #E2E9F0	RGB 226 233 240	#E2E9F0
33.3%	33.3% #D6E2EE	RGB 214 226 238	#D6E2EE
50.0%	50.0% #CADBEC	RGB 202 219 236	#CADBEC
66.7%	66.7% #BED4E9	RGB 190 212 233	#BED4E9
83.3%	83.3% #B3CDE7	RGB 179 205 231	#B3CDE7
100.0%	100.0% #A8C7E5	RGB 168 199 229	#A8C7E5

#EFF1F3 #E2E9F0 #D6E2EE #CADBEC #BED4E9 #B3CDE7 #A8C7E5

#EFF1F3 - #CADBEC - #A8C7E5

CSS codes

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

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