#A8FAE6 - #E6FDF7 | 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 #A8FAE6 to #E6FDF7

#A8FAE6 #E6FDF7

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

#A8FAE6 - #E6FDF7 | 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 #A8FAE6 as 0% and #E6FDF7 as 100%.

0.0%	0.0% #A8FAE6	RGB 168 250 230	#A8FAE6
16.7%	16.7% #B2FAE8	RGB 178 250 232	#B2FAE8
33.3%	33.3% #BCFBEB	RGB 188 251 235	#BCFBEB
50.0%	50.0% #C7FBEE	RGB 199 251 238	#C7FBEE
66.7%	66.7% #D1FCF1	RGB 209 252 241	#D1FCF1
83.3%	83.3% #DBFCF4	RGB 219 252 244	#DBFCF4
100.0%	100.0% #E6FDF7	RGB 230 253 247	#E6FDF7

#A8FAE6 #B2FAE8 #BCFBEB #C7FBEE #D1FCF1 #DBFCF4 #E6FDF7

#A8FAE6 - #E6FDF7

HSV Blend

#A8FAE6 - #E6FDF7 | 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 #A8FAE6 as 0% and #E6FDF7 as 100%.

0.0%	0.0% #A8FAE6	RGB 168 250 230	#A8FAE6
16.7%	16.7% #B2FAE8	RGB 178 250 232	#B2FAE8
33.3%	33.3% #BCFBEB	RGB 188 251 235	#BCFBEB
50.0%	50.0% #C6FBEE	RGB 198 251 238	#C6FBEE
66.7%	66.7% #D1FCF1	RGB 209 252 241	#D1FCF1
83.3%	83.3% #DBFCF4	RGB 219 252 244	#DBFCF4
100.0%	100.0% #E6FDF7	RGB 230 253 247	#E6FDF7

#A8FAE6 #B2FAE8 #BCFBEB #C6FBEE #D1FCF1 #DBFCF4 #E6FDF7

#A8FAE6 - #C6FBEE - #E6FDF7

CSS codes

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

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