#E3E47E - #AFB72E | 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 #E3E47E to #AFB72E

#E3E47E #AFB72E

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

#E3E47E - #AFB72E | 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 #E3E47E as 0% and #AFB72E as 100%.

0.0%	0.0% #E3E47E	RGB 227 228 126	#E3E47E
16.7%	16.7% #DADC70	RGB 218 220 112	#DADC70
33.3%	33.3% #D1D563	RGB 209 213 99	#D1D563
50.0%	50.0% #C9CD56	RGB 201 205 86	#C9CD56
66.7%	66.7% #C0C648	RGB 192 198 72	#C0C648
83.3%	83.3% #B7BE3B	RGB 183 190 59	#B7BE3B
100.0%	100.0% #AFB72E	RGB 175 183 46	#AFB72E

#E3E47E #DADC70 #D1D563 #C9CD56 #C0C648 #B7BE3B #AFB72E

#E3E47E - #AFB72E

HSV Blend

#E3E47E - #AFB72E | 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 #E3E47E as 0% and #AFB72E as 100%.

0.0%	0.0% #E3E47E	RGB 227 228 126	#E3E47E
16.7%	16.7% #DADC6E	RGB 218 220 110	#DADC6E
33.3%	33.3% #D1D560	RGB 209 213 96	#D1D560
50.0%	50.0% #C9CD52	RGB 201 205 82	#C9CD52
66.7%	66.7% #C0C645	RGB 192 198 69	#C0C645
83.3%	83.3% #B7BE39	RGB 183 190 57	#B7BE39
100.0%	100.0% #AFB72E	RGB 175 183 46	#AFB72E

#E3E47E #DADC6E #D1D560 #C9CD52 #C0C645 #B7BE39 #AFB72E

#E3E47E - #C9CD52 - #AFB72E

CSS codes

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

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