#A8FFED - #E7E4CB | 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 #A8FFED to #E7E4CB

#A8FFED #E7E4CB

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

#A8FFED - #E7E4CB | 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 #A8FFED as 0% and #E7E4CB as 100%.

0.0%	0.0% #A8FFED	RGB 168 255 237	#A8FFED
16.7%	16.7% #B2FAE7	RGB 178 250 231	#B2FAE7
33.3%	33.3% #BDF6E1	RGB 189 246 225	#BDF6E1
50.0%	50.0% #C7F1DC	RGB 199 241 220	#C7F1DC
66.7%	66.7% #D2EDD6	RGB 210 237 214	#D2EDD6
83.3%	83.3% #DCE8D0	RGB 220 232 208	#DCE8D0
100.0%	100.0% #E7E4CB	RGB 231 228 203	#E7E4CB

#A8FFED #B2FAE7 #BDF6E1 #C7F1DC #D2EDD6 #DCE8D0 #E7E4CB

#A8FFED - #E7E4CB

HSV Blend

#A8FFED - #E7E4CB | 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 #A8FFED as 0% and #E7E4CB as 100%.

0.0%	0.0% #A8FFED	RGB 168 255 237	#A8FFED
16.7%	16.7% #AEFBD2	RGB 174 251 210	#AEFBD2
33.3%	33.3% #B4F7BF	RGB 180 247 191	#B4F7BF
50.0%	50.0% #C3F3BA	RGB 195 243 186	#C3F3BA
66.7%	66.7% #D6EFC0	RGB 214 239 192	#D6EFC0
83.3%	83.3% #E3EBC5	RGB 227 235 197	#E3EBC5
100.0%	100.0% #E7E4CB	RGB 231 228 203	#E7E4CB

#A8FFED #AEFBD2 #B4F7BF #C3F3BA #D6EFC0 #E3EBC5 #E7E4CB

#A8FFED - #C3F3BA - #E7E4CB

CSS codes

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

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