#A8F3E3 - #EFE4FF | 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 #A8F3E3 to #EFE4FF

#A8F3E3 #EFE4FF

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

#A8F3E3 - #EFE4FF | 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 #A8F3E3 as 0% and #EFE4FF as 100%.

0.0%	0.0% #A8F3E3	RGB 168 243 227	#A8F3E3
16.7%	16.7% #B3F0E7	RGB 179 240 231	#B3F0E7
33.3%	33.3% #BFEEEC	RGB 191 238 236	#BFEEEC
50.0%	50.0% #CBEBF1	RGB 203 235 241	#CBEBF1
66.7%	66.7% #D7E9F5	RGB 215 233 245	#D7E9F5
83.3%	83.3% #E3E6FA	RGB 227 230 250	#E3E6FA
100.0%	100.0% #EFE4FF	RGB 239 228 255	#EFE4FF

#A8F3E3 #B3F0E7 #BFEEEC #CBEBF1 #D7E9F5 #E3E6FA #EFE4FF

#A8F3E3 - #EFE4FF

HSV Blend

#A8F3E3 - #EFE4FF | 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 #A8F3E3 as 0% and #EFE4FF as 100%.

0.0%	0.0% #A8F3E3	RGB 168 243 227	#A8F3E3
16.7%	16.7% #B1F1F5	RGB 177 241 245	#B1F1F5
33.3%	33.3% #BBE3F7	RGB 187 227 247	#BBE3F7
50.0%	50.0% #C5DAF9	RGB 197 218 249	#C5DAF9
66.7%	66.7% #CFD5FB	RGB 207 213 251	#CFD5FB
83.3%	83.3% #DED9FD	RGB 222 217 253	#DED9FD
100.0%	100.0% #EFE4FF	RGB 239 228 255	#EFE4FF

#A8F3E3 #B1F1F5 #BBE3F7 #C5DAF9 #CFD5FB #DED9FD #EFE4FF

#A8F3E3 - #C5DAF9 - #EFE4FF

CSS codes

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

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