#A8C5CA - #EADFFF | 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 #A8C5CA to #EADFFF

#A8C5CA #EADFFF

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

#A8C5CA - #EADFFF | 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 #A8C5CA as 0% and #EADFFF as 100%.

0.0%	0.0% #A8C5CA	RGB 168 197 202	#A8C5CA
16.7%	16.7% #B3C9D2	RGB 179 201 210	#B3C9D2
33.3%	33.3% #BECDDB	RGB 190 205 219	#BECDDB
50.0%	50.0% #C9D2E4	RGB 201 210 228	#C9D2E4
66.7%	66.7% #D4D6ED	RGB 212 214 237	#D4D6ED
83.3%	83.3% #DFDAF6	RGB 223 218 246	#DFDAF6
100.0%	100.0% #EADFFF	RGB 234 223 255	#EADFFF

#A8C5CA #B3C9D2 #BECDDB #C9D2E4 #D4D6ED #DFDAF6 #EADFFF

#A8C5CA - #EADFFF

HSV Blend

#A8C5CA - #EADFFF | 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 #A8C5CA as 0% and #EADFFF as 100%.

0.0%	0.0% #A8C5CA	RGB 168 197 202	#A8C5CA
16.7%	16.7% #B0C7D2	RGB 176 199 210	#B0C7D2
33.3%	33.3% #B9C9DB	RGB 185 201 219	#B9C9DB
50.0%	50.0% #C2CBE4	RGB 194 203 228	#C2CBE4
66.7%	66.7% #CCCDED	RGB 204 205 237	#CCCDED
83.3%	83.3% #DAD5F6	RGB 218 213 246	#DAD5F6
100.0%	100.0% #EADFFF	RGB 234 223 255	#EADFFF

#A8C5CA #B0C7D2 #B9C9DB #C2CBE4 #CCCDED #DAD5F6 #EADFFF

#A8C5CA - #C2CBE4 - #EADFFF

CSS codes

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

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