#B5C54E - #FFEC7E | 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 #B5C54E to #FFEC7E

#B5C54E #FFEC7E

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

#B5C54E - #FFEC7E | 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 #B5C54E as 0% and #FFEC7E as 100%.

0.0%	0.0% #B5C54E	RGB 181 197 78	#B5C54E
16.7%	16.7% #C1CB56	RGB 193 203 86	#C1CB56
33.3%	33.3% #CDD25E	RGB 205 210 94	#CDD25E
50.0%	50.0% #DAD866	RGB 218 216 102	#DAD866
66.7%	66.7% #E6DF6E	RGB 230 223 110	#E6DF6E
83.3%	83.3% #F2E576	RGB 242 229 118	#F2E576
100.0%	100.0% #FFEC7E	RGB 255 236 126	#FFEC7E

#B5C54E #C1CB56 #CDD25E #DAD866 #E6DF6E #F2E576 #FFEC7E

#B5C54E - #FFEC7E

HSV Blend

#B5C54E - #FFEC7E | 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 #B5C54E as 0% and #FFEC7E as 100%.

0.0%	0.0% #B5C54E	RGB 181 197 78	#B5C54E
16.7%	16.7% #C4CE55	RGB 196 206 85	#C4CE55
33.3%	33.3% #D3D85C	RGB 211 216 92	#D3D85C
50.0%	50.0% #E2E164	RGB 226 225 100	#E2E164
66.7%	66.7% #EBE46C	RGB 235 228 108	#EBE46C
83.3%	83.3% #F5E875	RGB 245 232 117	#F5E875
100.0%	100.0% #FFEC7E	RGB 255 236 126	#FFEC7E

#B5C54E #C4CE55 #D3D85C #E2E164 #EBE46C #F5E875 #FFEC7E

#B5C54E - #E2E164 - #FFEC7E

CSS codes

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

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