#E3E48A - #AFB837 | 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 #E3E48A to #AFB837

#E3E48A #AFB837

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

#E3E48A - #AFB837 | 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 #E3E48A as 0% and #AFB837 as 100%.

0.0%	0.0% #E3E48A	RGB 227 228 138	#E3E48A
16.7%	16.7% #DADC7C	RGB 218 220 124	#DADC7C
33.3%	33.3% #D1D56E	RGB 209 213 110	#D1D56E
50.0%	50.0% #C9CE60	RGB 201 206 96	#C9CE60
66.7%	66.7% #C0C652	RGB 192 198 82	#C0C652
83.3%	83.3% #B7BF44	RGB 183 191 68	#B7BF44
100.0%	100.0% #AFB837	RGB 175 184 55	#AFB837

#E3E48A #DADC7C #D1D56E #C9CE60 #C0C652 #B7BF44 #AFB837

#E3E48A - #AFB837

HSV Blend

#E3E48A - #AFB837 | 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 #E3E48A as 0% and #AFB837 as 100%.

0.0%	0.0% #E3E48A	RGB 227 228 138	#E3E48A
16.7%	16.7% #DADC7A	RGB 218 220 122	#DADC7A
33.3%	33.3% #D2D56B	RGB 210 213 107	#D2D56B
50.0%	50.0% #C9CE5D	RGB 201 206 93	#C9CE5D
66.7%	66.7% #C0C64F	RGB 192 198 79	#C0C64F
83.3%	83.3% #B7BF42	RGB 183 191 66	#B7BF42
100.0%	100.0% #AFB837	RGB 175 184 55	#AFB837

#E3E48A #DADC7A #D2D56B #C9CE5D #C0C64F #B7BF42 #AFB837

#E3E48A - #C9CE5D - #AFB837

CSS codes

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

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