#EAED5E - #B8C11B | 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 #EAED5E to #B8C11B

#EAED5E #B8C11B

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

#EAED5E - #B8C11B | 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 #EAED5E as 0% and #B8C11B as 100%.

0.0%	0.0% #EAED5E	RGB 234 237 94	#EAED5E
16.7%	16.7% #E1E552	RGB 225 229 82	#E1E552
33.3%	33.3% #D9DE47	RGB 217 222 71	#D9DE47
50.0%	50.0% #D1D73C	RGB 209 215 60	#D1D73C
66.7%	66.7% #C8CF31	RGB 200 207 49	#C8CF31
83.3%	83.3% #C0C826	RGB 192 200 38	#C0C826
100.0%	100.0% #B8C11B	RGB 184 193 27	#B8C11B

#EAED5E #E1E552 #D9DE47 #D1D73C #C8CF31 #C0C826 #B8C11B

#EAED5E - #B8C11B

HSV Blend

#EAED5E - #B8C11B | 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 #EAED5E as 0% and #B8C11B as 100%.

0.0%	0.0% #EAED5E	RGB 234 237 94	#EAED5E
16.7%	16.7% #E1E551	RGB 225 229 81	#E1E551
33.3%	33.3% #D9DE45	RGB 217 222 69	#D9DE45
50.0%	50.0% #D1D739	RGB 209 215 57	#D1D739
66.7%	66.7% #C8CF2E	RGB 200 207 46	#C8CF2E
83.3%	83.3% #C0C824	RGB 192 200 36	#C0C824
100.0%	100.0% #B8C11B	RGB 184 193 27	#B8C11B

#EAED5E #E1E551 #D9DE45 #D1D739 #C8CF2E #C0C824 #B8C11B

#EAED5E - #D1D739 - #B8C11B

CSS codes

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

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