#AAC0B7 - #E9CECE | 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 #AAC0B7 to #E9CECE

#AAC0B7 #E9CECE

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

#AAC0B7 - #E9CECE | 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 #AAC0B7 as 0% and #E9CECE as 100%.

0.0%	0.0% #AAC0B7	RGB 170 192 183	#AAC0B7
16.7%	16.7% #B4C2BA	RGB 180 194 186	#B4C2BA
33.3%	33.3% #BFC4BE	RGB 191 196 190	#BFC4BE
50.0%	50.0% #C9C7C2	RGB 201 199 194	#C9C7C2
66.7%	66.7% #D4C9C6	RGB 212 201 198	#D4C9C6
83.3%	83.3% #DECBCA	RGB 222 203 202	#DECBCA
100.0%	100.0% #E9CECE	RGB 233 206 206	#E9CECE

#AAC0B7 #B4C2BA #BFC4BE #C9C7C2 #D4C9C6 #DECBCA #E9CECE

#AAC0B7 - #E9CECE

HSV Blend

#AAC0B7 - #E9CECE | 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 #AAC0B7 as 0% and #E9CECE as 100%.

0.0%	0.0% #AAC0B7	RGB 170 192 183	#AAC0B7
16.7%	16.7% #B0C6B3	RGB 176 198 179	#B0C6B3
33.3%	33.3% #BCCDB6	RGB 188 205 182	#BCCDB6
50.0%	50.0% #CDD4BC	RGB 205 212 188	#CDD4BC
66.7%	66.7% #DBD7C2	RGB 219 215 194	#DBD7C2
83.3%	83.3% #E2D3C8	RGB 226 211 200	#E2D3C8
100.0%	100.0% #E9CECE	RGB 233 206 206	#E9CECE

#AAC0B7 #B0C6B3 #BCCDB6 #CDD4BC #DBD7C2 #E2D3C8 #E9CECE

#AAC0B7 - #CDD4BC - #E9CECE

CSS codes

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

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