#AAB0C3 - #E5E2CE | 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 #AAB0C3 to #E5E2CE

#AAB0C3 #E5E2CE

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

#AAB0C3 - #E5E2CE | 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 #AAB0C3 as 0% and #E5E2CE as 100%.

0.0%	0.0% #AAB0C3	RGB 170 176 195	#AAB0C3
16.7%	16.7% #B3B8C4	RGB 179 184 196	#B3B8C4
33.3%	33.3% #BDC0C6	RGB 189 192 198	#BDC0C6
50.0%	50.0% #C7C9C8	RGB 199 201 200	#C7C9C8
66.7%	66.7% #D1D1CA	RGB 209 209 202	#D1D1CA
83.3%	83.3% #DBD9CC	RGB 219 217 204	#DBD9CC
100.0%	100.0% #E5E2CE	RGB 229 226 206	#E5E2CE

#AAB0C3 #B3B8C4 #BDC0C6 #C7C9C8 #D1D1CA #DBD9CC #E5E2CE

#AAB0C3 - #E5E2CE

HSV Blend

#AAB0C3 - #E5E2CE | 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 #AAB0C3 as 0% and #E5E2CE as 100%.

0.0%	0.0% #AAB0C3	RGB 170 176 195	#AAB0C3
16.7%	16.7% #AFC1C8	RGB 175 193 200	#AFC1C8
33.3%	33.3% #B5CEC9	RGB 181 206 201	#B5CEC9
50.0%	50.0% #BBD4C3	RGB 187 212 195	#BBD4C3
66.7%	66.7% #C5D9C1	RGB 197 217 193	#C5D9C1
83.3%	83.3% #D7DFC7	RGB 215 223 199	#D7DFC7
100.0%	100.0% #E5E2CE	RGB 229 226 206	#E5E2CE

#AAB0C3 #AFC1C8 #B5CEC9 #BBD4C3 #C5D9C1 #D7DFC7 #E5E2CE

#AAB0C3 - #BBD4C3 - #E5E2CE

CSS codes

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

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