#BAAA2B - #EEFC3E | 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 #BAAA2B to #EEFC3E

#BAAA2B #EEFC3E

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

#BAAA2B - #EEFC3E | 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 #BAAA2B as 0% and #EEFC3E as 100%.

0.0%	0.0% #BAAA2B	RGB 186 170 43	#BAAA2B
16.7%	16.7% #C2B72E	RGB 194 183 46	#C2B72E
33.3%	33.3% #CBC531	RGB 203 197 49	#CBC531
50.0%	50.0% #D4D334	RGB 212 211 52	#D4D334
66.7%	66.7% #DCE037	RGB 220 224 55	#DCE037
83.3%	83.3% #E5EE3A	RGB 229 238 58	#E5EE3A
100.0%	100.0% #EEFC3E	RGB 238 252 62	#EEFC3E

#BAAA2B #C2B72E #CBC531 #D4D334 #DCE037 #E5EE3A #EEFC3E

#BAAA2B - #EEFC3E

HSV Blend

#BAAA2B - #EEFC3E | 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 #BAAA2B as 0% and #EEFC3E as 100%.

0.0%	0.0% #BAAA2B	RGB 186 170 43	#BAAA2B
16.7%	16.7% #C5B82E	RGB 197 184 46	#C5B82E
33.3%	33.3% #D0C831	RGB 208 200 49	#D0C831
50.0%	50.0% #DBD734	RGB 219 215 52	#DBD734
66.7%	66.7% #E3E637	RGB 227 230 55	#E3E637
83.3%	83.3% #E9F13A	RGB 233 241 58	#E9F13A
100.0%	100.0% #EEFC3E	RGB 238 252 62	#EEFC3E

#BAAA2B #C5B82E #D0C831 #DBD734 #E3E637 #E9F13A #EEFC3E

#BAAA2B - #DBD734 - #EEFC3E

CSS codes

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

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