#E7ECC7 - #AFC473 | 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 #E7ECC7 to #AFC473

#E7ECC7 #AFC473

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

#E7ECC7 - #AFC473 | 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 #E7ECC7 as 0% and #AFC473 as 100%.

0.0%	0.0% #E7ECC7	RGB 231 236 199	#E7ECC7
16.7%	16.7% #DDE5B9	RGB 221 229 185	#DDE5B9
33.3%	33.3% #D4DEAB	RGB 212 222 171	#D4DEAB
50.0%	50.0% #CBD89D	RGB 203 216 157	#CBD89D
66.7%	66.7% #C1D18F	RGB 193 209 143	#C1D18F
83.3%	83.3% #B8CA81	RGB 184 202 129	#B8CA81
100.0%	100.0% #AFC473	RGB 175 196 115	#AFC473

#E7ECC7 #DDE5B9 #D4DEAB #CBD89D #C1D18F #B8CA81 #AFC473

#E7ECC7 - #AFC473

HSV Blend

#E7ECC7 - #AFC473 | 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 #E7ECC7 as 0% and #AFC473 as 100%.

0.0%	0.0% #E7ECC7	RGB 231 236 199	#E7ECC7
16.7%	16.7% #DEE5B7	RGB 222 229 183	#DEE5B7
33.3%	33.3% #D5DEA8	RGB 213 222 168	#D5DEA8
50.0%	50.0% #CBD89A	RGB 203 216 154	#CBD89A
66.7%	66.7% #C2D18C	RGB 194 209 140	#C2D18C
83.3%	83.3% #B8CA7F	RGB 184 202 127	#B8CA7F
100.0%	100.0% #AFC473	RGB 175 196 115	#AFC473

#E7ECC7 #DEE5B7 #D5DEA8 #CBD89A #C2D18C #B8CA7F #AFC473

#E7ECC7 - #CBD89A - #AFC473

CSS codes

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

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