#A2AD4D - #E3E7CC | 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 #A2AD4D to #E3E7CC

#A2AD4D #E3E7CC

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

#A2AD4D - #E3E7CC | 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 #A2AD4D as 0% and #E3E7CC as 100%.

0.0%	0.0% #A2AD4D	RGB 162 173 77	#A2AD4D
16.7%	16.7% #ACB662	RGB 172 182 98	#ACB662
33.3%	33.3% #B7C077	RGB 183 192 119	#B7C077
50.0%	50.0% #C2CA8C	RGB 194 202 140	#C2CA8C
66.7%	66.7% #CDD3A1	RGB 205 211 161	#CDD3A1
83.3%	83.3% #D8DDB6	RGB 216 221 182	#D8DDB6
100.0%	100.0% #E3E7CC	RGB 227 231 204	#E3E7CC

#A2AD4D #ACB662 #B7C077 #C2CA8C #CDD3A1 #D8DDB6 #E3E7CC

#A2AD4D - #E3E7CC

HSV Blend

#A2AD4D - #E3E7CC | 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 #A2AD4D as 0% and #E3E7CC as 100%.

0.0%	0.0% #A2AD4D	RGB 162 173 77	#A2AD4D
16.7%	16.7% #ACB65E	RGB 172 182 94	#ACB65E
33.3%	33.3% #B6C071	RGB 182 192 113	#B6C071
50.0%	50.0% #C1CA86	RGB 193 202 134	#C1CA86
66.7%	66.7% #CCD39C	RGB 204 211 156	#CCD39C
83.3%	83.3% #D7DDB3	RGB 215 221 179	#D7DDB3
100.0%	100.0% #E3E7CC	RGB 227 231 204	#E3E7CC

#A2AD4D #ACB65E #B6C071 #C1CA86 #CCD39C #D7DDB3 #E3E7CC

#A2AD4D - #C1CA86 - #E3E7CC

CSS codes

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

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