#A2AEB0 - #E8D9C4 | 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 #A2AEB0 to #E8D9C4

#A2AEB0 #E8D9C4

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

#A2AEB0 - #E8D9C4 | 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 #A2AEB0 as 0% and #E8D9C4 as 100%.

0.0%	0.0% #A2AEB0	RGB 162 174 176	#A2AEB0
16.7%	16.7% #ADB5B3	RGB 173 181 179	#ADB5B3
33.3%	33.3% #B9BCB6	RGB 185 188 182	#B9BCB6
50.0%	50.0% #C5C3BA	RGB 197 195 186	#C5C3BA
66.7%	66.7% #D0CABD	RGB 208 202 189	#D0CABD
83.3%	83.3% #DCD1C0	RGB 220 209 192	#DCD1C0
100.0%	100.0% #E8D9C4	RGB 232 217 196	#E8D9C4

#A2AEB0 #ADB5B3 #B9BCB6 #C5C3BA #D0CABD #DCD1C0 #E8D9C4

#A2AEB0 - #E8D9C4

HSV Blend

#A2AEB0 - #E8D9C4 | 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 #A2AEB0 as 0% and #E8D9C4 as 100%.

0.0%	0.0% #A2AEB0	RGB 162 174 176	#A2AEB0
16.7%	16.7% #A8B9B4	RGB 168 185 180	#A8B9B4
33.3%	33.3% #AEC2B4	RGB 174 194 180	#AEC2B4
50.0%	50.0% #B7CCB4	RGB 183 204 180	#B7CCB4
66.7%	66.7% #C9D5B9	RGB 201 213 185	#C9D5B9
83.3%	83.3% #DEDEBE	RGB 222 222 190	#DEDEBE
100.0%	100.0% #E8D9C4	RGB 232 217 196	#E8D9C4

#A2AEB0 #A8B9B4 #AEC2B4 #B7CCB4 #C9D5B9 #DEDEBE #E8D9C4

#A2AEB0 - #B7CCB4 - #E8D9C4

CSS codes

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

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