#A8F7AF - #E4EAFF | 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 #A8F7AF to #E4EAFF

#A8F7AF #E4EAFF

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

#A8F7AF - #E4EAFF | 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 #A8F7AF as 0% and #E4EAFF as 100%.

0.0%	0.0% #A8F7AF	RGB 168 247 175	#A8F7AF
16.7%	16.7% #B2F4BC	RGB 178 244 188	#B2F4BC
33.3%	33.3% #BCF2C9	RGB 188 242 201	#BCF2C9
50.0%	50.0% #C6F0D7	RGB 198 240 215	#C6F0D7
66.7%	66.7% #D0EEE4	RGB 208 238 228	#D0EEE4
83.3%	83.3% #DAECF1	RGB 218 236 241	#DAECF1
100.0%	100.0% #E4EAFF	RGB 228 234 255	#E4EAFF

#A8F7AF #B2F4BC #BCF2C9 #C6F0D7 #D0EEE4 #DAECF1 #E4EAFF

#A8F7AF - #E4EAFF

HSV Blend

#A8F7AF - #E4EAFF | 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 #A8F7AF as 0% and #E4EAFF as 100%.

0.0%	0.0% #A8F7AF	RGB 168 247 175	#A8F7AF
16.7%	16.7% #B1F8CB	RGB 177 248 203	#B1F8CB
33.3%	33.3% #BBF9E4	RGB 187 249 228	#BBF9E4
50.0%	50.0% #C5FBF7	RGB 197 251 247	#C5FBF7
66.7%	66.7% #CFF2FC	RGB 207 242 252	#CFF2FC
83.3%	83.3% #D9EBFD	RGB 217 235 253	#D9EBFD
100.0%	100.0% #E4EAFF	RGB 228 234 255	#E4EAFF

#A8F7AF #B1F8CB #BBF9E4 #C5FBF7 #CFF2FC #D9EBFD #E4EAFF

#A8F7AF - #C5FBF7 - #E4EAFF

CSS codes

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

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