#EAE8F7 - #AAA3CD | 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 #EAE8F7 to #AAA3CD

#EAE8F7 #AAA3CD

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

#EAE8F7 - #AAA3CD | 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 #EAE8F7 as 0% and #AAA3CD as 100%.

0.0%	0.0% #EAE8F7	RGB 234 232 247	#EAE8F7
16.7%	16.7% #DFDCF0	RGB 223 220 240	#DFDCF0
33.3%	33.3% #D4D1E9	RGB 212 209 233	#D4D1E9
50.0%	50.0% #CAC5E2	RGB 202 197 226	#CAC5E2
66.7%	66.7% #BFBADB	RGB 191 186 219	#BFBADB
83.3%	83.3% #B4AED4	RGB 180 174 212	#B4AED4
100.0%	100.0% #AAA3CD	RGB 170 163 205	#AAA3CD

#EAE8F7 #DFDCF0 #D4D1E9 #CAC5E2 #BFBADB #B4AED4 #AAA3CD

#EAE8F7 - #AAA3CD

HSV Blend

#EAE8F7 - #AAA3CD | 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 #EAE8F7 as 0% and #AAA3CD as 100%.

0.0%	0.0% #EAE8F7	RGB 234 232 247	#EAE8F7
16.7%	16.7% #DEDBF0	RGB 222 219 240	#DEDBF0
33.3%	33.3% #D3CFE9	RGB 211 207 233	#D3CFE9
50.0%	50.0% #C8C3E2	RGB 200 195 226	#C8C3E2
66.7%	66.7% #BDB8DB	RGB 189 184 219	#BDB8DB
83.3%	83.3% #B3ADD4	RGB 179 173 212	#B3ADD4
100.0%	100.0% #AAA3CD	RGB 170 163 205	#AAA3CD

#EAE8F7 #DEDBF0 #D3CFE9 #C8C3E2 #BDB8DB #B3ADD4 #AAA3CD

#EAE8F7 - #C8C3E2 - #AAA3CD

CSS codes

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

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