#EEEEF8 - #A8B5C0 | 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 #EEEEF8 to #A8B5C0

#EEEEF8 #A8B5C0

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

#EEEEF8 - #A8B5C0 | 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 #EEEEF8 as 0% and #A8B5C0 as 100%.

0.0%	0.0% #EEEEF8	RGB 238 238 248	#EEEEF8
16.7%	16.7% #E2E4EE	RGB 226 228 238	#E2E4EE
33.3%	33.3% #D6DBE5	RGB 214 219 229	#D6DBE5
50.0%	50.0% #CBD1DC	RGB 203 209 220	#CBD1DC
66.7%	66.7% #BFC8D2	RGB 191 200 210	#BFC8D2
83.3%	83.3% #B3BEC9	RGB 179 190 201	#B3BEC9
100.0%	100.0% #A8B5C0	RGB 168 181 192	#A8B5C0

#EEEEF8 #E2E4EE #D6DBE5 #CBD1DC #BFC8D2 #B3BEC9 #A8B5C0

#EEEEF8 - #A8B5C0

HSV Blend

#EEEEF8 - #A8B5C0 | 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 #EEEEF8 as 0% and #A8B5C0 as 100%.

0.0%	0.0% #EEEEF8	RGB 238 238 248	#EEEEF8
16.7%	16.7% #E1E2EE	RGB 225 226 238	#E1E2EE
33.3%	33.3% #D5D8E5	RGB 213 216 229	#D5D8E5
50.0%	50.0% #C9CEDC	RGB 201 206 220	#C9CEDC
66.7%	66.7% #BEC5D2	RGB 190 197 210	#BEC5D2
83.3%	83.3% #B3BDC9	RGB 179 189 201	#B3BDC9
100.0%	100.0% #A8B5C0	RGB 168 181 192	#A8B5C0

#EEEEF8 #E1E2EE #D5D8E5 #C9CEDC #BEC5D2 #B3BDC9 #A8B5C0

#EEEEF8 - #C9CEDC - #A8B5C0

CSS codes

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

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