#A2AD8C - #ECF2AB | 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 #A2AD8C to #ECF2AB

#A2AD8C #ECF2AB

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

#A2AD8C - #ECF2AB | 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 #A2AD8C as 0% and #ECF2AB as 100%.

0.0%	0.0% #A2AD8C	RGB 162 173 140	#A2AD8C
16.7%	16.7% #AEB891	RGB 174 184 145	#AEB891
33.3%	33.3% #BAC496	RGB 186 196 150	#BAC496
50.0%	50.0% #C7CF9B	RGB 199 207 155	#C7CF9B
66.7%	66.7% #D3DBA0	RGB 211 219 160	#D3DBA0
83.3%	83.3% #DFE6A5	RGB 223 230 165	#DFE6A5
100.0%	100.0% #ECF2AB	RGB 236 242 171	#ECF2AB

#A2AD8C #AEB891 #BAC496 #C7CF9B #D3DBA0 #DFE6A5 #ECF2AB

#A2AD8C - #ECF2AB

HSV Blend

#A2AD8C - #ECF2AB | 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 #A2AD8C as 0% and #ECF2AB as 100%.

0.0%	0.0% #A2AD8C	RGB 162 173 140	#A2AD8C
16.7%	16.7% #ADB892	RGB 173 184 146	#ADB892
33.3%	33.3% #B8C497	RGB 184 196 151	#B8C497
50.0%	50.0% #C5CF9D	RGB 197 207 157	#C5CF9D
66.7%	66.7% #D1DBA2	RGB 209 219 162	#D1DBA2
83.3%	83.3% #DEE6A6	RGB 222 230 166	#DEE6A6
100.0%	100.0% #ECF2AB	RGB 236 242 171	#ECF2AB

#A2AD8C #ADB892 #B8C497 #C5CF9D #D1DBA2 #DEE6A6 #ECF2AB

#A2AD8C - #C5CF9D - #ECF2AB

CSS codes

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

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