#A8F8F6 - #EFE9FF | 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 #A8F8F6 to #EFE9FF

#A8F8F6 #EFE9FF

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

#A8F8F6 - #EFE9FF | 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 #A8F8F6 as 0% and #EFE9FF as 100%.

0.0%	0.0% #A8F8F6	RGB 168 248 246	#A8F8F6
16.7%	16.7% #B3F5F7	RGB 179 245 247	#B3F5F7
33.3%	33.3% #BFF3F9	RGB 191 243 249	#BFF3F9
50.0%	50.0% #CBF0FA	RGB 203 240 250	#CBF0FA
66.7%	66.7% #D7EEFC	RGB 215 238 252	#D7EEFC
83.3%	83.3% #E3EBFD	RGB 227 235 253	#E3EBFD
100.0%	100.0% #EFE9FF	RGB 239 233 255	#EFE9FF

#A8F8F6 #B3F5F7 #BFF3F9 #CBF0FA #D7EEFC #E3EBFD #EFE9FF

#A8F8F6 - #EFE9FF

HSV Blend

#A8F8F6 - #EFE9FF | 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 #A8F8F6 as 0% and #EFE9FF as 100%.

0.0%	0.0% #A8F8F6	RGB 168 248 246	#A8F8F6
16.7%	16.7% #B2EBF9	RGB 178 235 249	#B2EBF9
33.3%	33.3% #BDE1FA	RGB 189 225 250	#BDE1FA
50.0%	50.0% #C8DBFB	RGB 200 219 251	#C8DBFB
66.7%	66.7% #D2D9FC	RGB 210 217 252	#D2D9FC
83.3%	83.3% #DFDDFD	RGB 223 221 253	#DFDDFD
100.0%	100.0% #EFE9FF	RGB 239 233 255	#EFE9FF

#A8F8F6 #B2EBF9 #BDE1FA #C8DBFB #D2D9FC #DFDDFD #EFE9FF

#A8F8F6 - #C8DBFB - #EFE9FF

CSS codes

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

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