#E3E488 - #AFB835 | 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 #E3E488 to #AFB835

#E3E488 #AFB835

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

#E3E488 - #AFB835 | 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 #E3E488 as 0% and #AFB835 as 100%.

0.0%	0.0% #E3E488	RGB 227 228 136	#E3E488
16.7%	16.7% #DADC7A	RGB 218 220 122	#DADC7A
33.3%	33.3% #D1D56C	RGB 209 213 108	#D1D56C
50.0%	50.0% #C9CE5E	RGB 201 206 94	#C9CE5E
66.7%	66.7% #C0C650	RGB 192 198 80	#C0C650
83.3%	83.3% #B7BF42	RGB 183 191 66	#B7BF42
100.0%	100.0% #AFB835	RGB 175 184 53	#AFB835

#E3E488 #DADC7A #D1D56C #C9CE5E #C0C650 #B7BF42 #AFB835

#E3E488 - #AFB835

HSV Blend

#E3E488 - #AFB835 | 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 #E3E488 as 0% and #AFB835 as 100%.

0.0%	0.0% #E3E488	RGB 227 228 136	#E3E488
16.7%	16.7% #DADC78	RGB 218 220 120	#DADC78
33.3%	33.3% #D2D569	RGB 210 213 105	#D2D569
50.0%	50.0% #C9CE5B	RGB 201 206 91	#C9CE5B
66.7%	66.7% #C0C64D	RGB 192 198 77	#C0C64D
83.3%	83.3% #B7BF40	RGB 183 191 64	#B7BF40
100.0%	100.0% #AFB835	RGB 175 184 53	#AFB835

#E3E488 #DADC78 #D2D569 #C9CE5B #C0C64D #B7BF40 #AFB835

#E3E488 - #C9CE5B - #AFB835

CSS codes

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

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