#A2BD8C - #E4ECDE | 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 #A2BD8C to #E4ECDE

#A2BD8C #E4ECDE

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

#A2BD8C - #E4ECDE | 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 #A2BD8C as 0% and #E4ECDE as 100%.

0.0%	0.0% #A2BD8C	RGB 162 189 140	#A2BD8C
16.7%	16.7% #ADC499	RGB 173 196 153	#ADC499
33.3%	33.3% #B8CCA7	RGB 184 204 167	#B8CCA7
50.0%	50.0% #C3D4B5	RGB 195 212 181	#C3D4B5
66.7%	66.7% #CEDCC2	RGB 206 220 194	#CEDCC2
83.3%	83.3% #D9E4D0	RGB 217 228 208	#D9E4D0
100.0%	100.0% #E4ECDE	RGB 228 236 222	#E4ECDE

#A2BD8C #ADC499 #B8CCA7 #C3D4B5 #CEDCC2 #D9E4D0 #E4ECDE

#A2BD8C - #E4ECDE

HSV Blend

#A2BD8C - #E4ECDE | 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 #A2BD8C as 0% and #E4ECDE as 100%.

0.0%	0.0% #A2BD8C	RGB 162 189 140	#A2BD8C
16.7%	16.7% #ACC498	RGB 172 196 152	#ACC498
33.3%	33.3% #B6CCA5	RGB 182 204 165	#B6CCA5
50.0%	50.0% #C1D4B2	RGB 193 212 178	#C1D4B2
66.7%	66.7% #CCDCC0	RGB 204 220 192	#CCDCC0
83.3%	83.3% #D8E4CF	RGB 216 228 207	#D8E4CF
100.0%	100.0% #E4ECDE	RGB 228 236 222	#E4ECDE

#A2BD8C #ACC498 #B6CCA5 #C1D4B2 #CCDCC0 #D8E4CF #E4ECDE

#A2BD8C - #C1D4B2 - #E4ECDE

CSS codes

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

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