#EAF076 - #B8C928 | 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 #EAF076 to #B8C928

#EAF076 #B8C928

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

#EAF076 - #B8C928 | 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 #EAF076 as 0% and #B8C928 as 100%.

0.0%	0.0% #EAF076	RGB 234 240 118	#EAF076
16.7%	16.7% #E1E969	RGB 225 233 105	#E1E969
33.3%	33.3% #D9E35C	RGB 217 227 92	#D9E35C
50.0%	50.0% #D1DC4F	RGB 209 220 79	#D1DC4F
66.7%	66.7% #C8D642	RGB 200 214 66	#C8D642
83.3%	83.3% #C0CF35	RGB 192 207 53	#C0CF35
100.0%	100.0% #B8C928	RGB 184 201 40	#B8C928

#EAF076 #E1E969 #D9E35C #D1DC4F #C8D642 #C0CF35 #B8C928

#EAF076 - #B8C928

HSV Blend

#EAF076 - #B8C928 | 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 #EAF076 as 0% and #B8C928 as 100%.

0.0%	0.0% #EAF076	RGB 234 240 118	#EAF076
16.7%	16.7% #E1E967	RGB 225 233 103	#E1E967
33.3%	33.3% #D9E359	RGB 217 227 89	#D9E359
50.0%	50.0% #D1DC4C	RGB 209 220 76	#D1DC4C
66.7%	66.7% #C8D63F	RGB 200 214 63	#C8D63F
83.3%	83.3% #C0CF33	RGB 192 207 51	#C0CF33
100.0%	100.0% #B8C928	RGB 184 201 40	#B8C928

#EAF076 #E1E967 #D9E359 #D1DC4C #C8D63F #C0CF33 #B8C928

#EAF076 - #D1DC4C - #B8C928

CSS codes

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

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