#E4EA5E - #AFBD1B | 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 #E4EA5E to #AFBD1B

#E4EA5E #AFBD1B

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

#E4EA5E - #AFBD1B | 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 #E4EA5E as 0% and #AFBD1B as 100%.

0.0%	0.0% #E4EA5E	RGB 228 234 94	#E4EA5E
16.7%	16.7% #DBE252	RGB 219 226 82	#DBE252
33.3%	33.3% #D2DB47	RGB 210 219 71	#D2DB47
50.0%	50.0% #C9D33C	RGB 201 211 60	#C9D33C
66.7%	66.7% #C0CC31	RGB 192 204 49	#C0CC31
83.3%	83.3% #B7C426	RGB 183 196 38	#B7C426
100.0%	100.0% #AFBD1B	RGB 175 189 27	#AFBD1B

#E4EA5E #DBE252 #D2DB47 #C9D33C #C0CC31 #B7C426 #AFBD1B

#E4EA5E - #AFBD1B

HSV Blend

#E4EA5E - #AFBD1B | 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 #E4EA5E as 0% and #AFBD1B as 100%.

0.0%	0.0% #E4EA5E	RGB 228 234 94	#E4EA5E
16.7%	16.7% #DBE251	RGB 219 226 81	#DBE251
33.3%	33.3% #D2DB45	RGB 210 219 69	#D2DB45
50.0%	50.0% #C9D339	RGB 201 211 57	#C9D339
66.7%	66.7% #C0CC2E	RGB 192 204 46	#C0CC2E
83.3%	83.3% #B7C424	RGB 183 196 36	#B7C424
100.0%	100.0% #AFBD1B	RGB 175 189 27	#AFBD1B

#E4EA5E #DBE251 #D2DB45 #C9D339 #C0CC2E #B7C424 #AFBD1B

#E4EA5E - #C9D339 - #AFBD1B

CSS codes

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

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