#EEE54E - #B9FF7E | 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 #EEE54E to #B9FF7E

#EEE54E #B9FF7E

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

#EEE54E - #B9FF7E | 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 #EEE54E as 0% and #B9FF7E as 100%.

0.0%	0.0% #EEE54E	RGB 238 229 78	#EEE54E
16.7%	16.7% #E5E956	RGB 229 233 86	#E5E956
33.3%	33.3% #DCED5E	RGB 220 237 94	#DCED5E
50.0%	50.0% #D3F266	RGB 211 242 102	#D3F266
66.7%	66.7% #CAF66E	RGB 202 246 110	#CAF66E
83.3%	83.3% #C1FA76	RGB 193 250 118	#C1FA76
100.0%	100.0% #B9FF7E	RGB 185 255 126	#B9FF7E

#EEE54E #E5E956 #DCED5E #D3F266 #CAF66E #C1FA76 #B9FF7E

#EEE54E - #B9FF7E

HSV Blend

#EEE54E - #B9FF7E | 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 #EEE54E as 0% and #B9FF7E as 100%.

0.0%	0.0% #EEE54E	RGB 238 229 78	#EEE54E
16.7%	16.7% #EAF055	RGB 234 240 85	#EAF055
33.3%	33.3% #DEF35D	RGB 222 243 93	#DEF35D
50.0%	50.0% #D3F665	RGB 211 246 101	#D3F665
66.7%	66.7% #C9F96D	RGB 201 249 109	#C9F96D
83.3%	83.3% #C0FC75	RGB 192 252 117	#C0FC75
100.0%	100.0% #B9FF7E	RGB 185 255 126	#B9FF7E

#EEE54E #EAF055 #DEF35D #D3F665 #C9F96D #C0FC75 #B9FF7E

#EEE54E - #D3F665 - #B9FF7E

CSS codes

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

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