#A8D8F7 - #E6F3FC | 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 #A8D8F7 to #E6F3FC

#A8D8F7 #E6F3FC

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

#A8D8F7 - #E6F3FC | 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 #A8D8F7 as 0% and #E6F3FC as 100%.

0.0%	0.0% #A8D8F7	RGB 168 216 247	#A8D8F7
16.7%	16.7% #B2DCF7	RGB 178 220 247	#B2DCF7
33.3%	33.3% #BCE1F8	RGB 188 225 248	#BCE1F8
50.0%	50.0% #C7E5F9	RGB 199 229 249	#C7E5F9
66.7%	66.7% #D1EAFA	RGB 209 234 250	#D1EAFA
83.3%	83.3% #DBEEFB	RGB 219 238 251	#DBEEFB
100.0%	100.0% #E6F3FC	RGB 230 243 252	#E6F3FC

#A8D8F7 #B2DCF7 #BCE1F8 #C7E5F9 #D1EAFA #DBEEFB #E6F3FC

#A8D8F7 - #E6F3FC

HSV Blend

#A8D8F7 - #E6F3FC | 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 #A8D8F7 as 0% and #E6F3FC as 100%.

0.0%	0.0% #A8D8F7	RGB 168 216 247	#A8D8F7
16.7%	16.7% #B2DCF7	RGB 178 220 247	#B2DCF7
33.3%	33.3% #BCE0F8	RGB 188 224 248	#BCE0F8
50.0%	50.0% #C6E5F9	RGB 198 229 249	#C6E5F9
66.7%	66.7% #D1E9FA	RGB 209 233 250	#D1E9FA
83.3%	83.3% #DBEEFB	RGB 219 238 251	#DBEEFB
100.0%	100.0% #E6F3FC	RGB 230 243 252	#E6F3FC

#A8D8F7 #B2DCF7 #BCE0F8 #C6E5F9 #D1E9FA #DBEEFB #E6F3FC

#A8D8F7 - #C6E5F9 - #E6F3FC

CSS codes

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

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