#E2EDC0 - #A6C96B | 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 #E2EDC0 to #A6C96B

#E2EDC0 #A6C96B

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

#E2EDC0 - #A6C96B | 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 #E2EDC0 as 0% and #A6C96B as 100%.

0.0%	0.0% #E2EDC0	RGB 226 237 192	#E2EDC0
16.7%	16.7% #D8E7B1	RGB 216 231 177	#D8E7B1
33.3%	33.3% #CEE1A3	RGB 206 225 163	#CEE1A3
50.0%	50.0% #C4DB95	RGB 196 219 149	#C4DB95
66.7%	66.7% #BAD587	RGB 186 213 135	#BAD587
83.3%	83.3% #B0CF79	RGB 176 207 121	#B0CF79
100.0%	100.0% #A6C96B	RGB 166 201 107	#A6C96B

#E2EDC0 #D8E7B1 #CEE1A3 #C4DB95 #BAD587 #B0CF79 #A6C96B

#E2EDC0 - #A6C96B

HSV Blend

#E2EDC0 - #A6C96B | 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 #E2EDC0 as 0% and #A6C96B as 100%.

0.0%	0.0% #E2EDC0	RGB 226 237 192	#E2EDC0
16.7%	16.7% #D8E7B0	RGB 216 231 176	#D8E7B0
33.3%	33.3% #CEE1A1	RGB 206 225 161	#CEE1A1
50.0%	50.0% #C4DB92	RGB 196 219 146	#C4DB92
66.7%	66.7% #BAD585	RGB 186 213 133	#BAD585
83.3%	83.3% #B0CF77	RGB 176 207 119	#B0CF77
100.0%	100.0% #A6C96B	RGB 166 201 107	#A6C96B

#E2EDC0 #D8E7B0 #CEE1A1 #C4DB92 #BAD585 #B0CF77 #A6C96B

#E2EDC0 - #C4DB92 - #A6C96B

CSS codes

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

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