#E7EACC - #AFC079 | 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 #E7EACC to #AFC079

#E7EACC #AFC079

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

#E7EACC - #AFC079 | 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 #E7EACC as 0% and #AFC079 as 100%.

0.0%	0.0% #E7EACC	RGB 231 234 204	#E7EACC
16.7%	16.7% #DDE3BE	RGB 221 227 190	#DDE3BE
33.3%	33.3% #D4DCB0	RGB 212 220 176	#D4DCB0
50.0%	50.0% #CBD5A2	RGB 203 213 162	#CBD5A2
66.7%	66.7% #C1CE94	RGB 193 206 148	#C1CE94
83.3%	83.3% #B8C786	RGB 184 199 134	#B8C786
100.0%	100.0% #AFC079	RGB 175 192 121	#AFC079

#E7EACC #DDE3BE #D4DCB0 #CBD5A2 #C1CE94 #B8C786 #AFC079

#E7EACC - #AFC079

HSV Blend

#E7EACC - #AFC079 | 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 #E7EACC as 0% and #AFC079 as 100%.

0.0%	0.0% #E7EACC	RGB 231 234 204	#E7EACC
16.7%	16.7% #DEE3BC	RGB 222 227 188	#DEE3BC
33.3%	33.3% #D5DCAE	RGB 213 220 174	#D5DCAE
50.0%	50.0% #CBD59F	RGB 203 213 159	#CBD59F
66.7%	66.7% #C2CE92	RGB 194 206 146	#C2CE92
83.3%	83.3% #B8C785	RGB 184 199 133	#B8C785
100.0%	100.0% #AFC079	RGB 175 192 121	#AFC079

#E7EACC #DEE3BC #D5DCAE #CBD59F #C2CE92 #B8C785 #AFC079

#E7EACC - #CBD59F - #AFC079

CSS codes

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

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