#5E864A - #E2CC6F | 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 #5E864A to #E2CC6F

#5E864A #E2CC6F

Calculate the color between two colors, #5E864A and #E2CC6F. 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)

#5E864A - #E2CC6F | 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 #5E864A as 0% and #E2CC6F as 100%.

0.0%	0.0% #5E864A	RGB 94 134 74	#5E864A
16.7%	16.7% #749150	RGB 116 145 80	#749150
33.3%	33.3% #8A9D56	RGB 138 157 86	#8A9D56
50.0%	50.0% #A0A95C	RGB 160 169 92	#A0A95C
66.7%	66.7% #B6B462	RGB 182 180 98	#B6B462
83.3%	83.3% #CCC068	RGB 204 192 104	#CCC068
100.0%	100.0% #E2CC6F	RGB 226 204 111	#E2CC6F

#5E864A #749150 #8A9D56 #A0A95C #B6B462 #CCC068 #E2CC6F

#5E864A - #E2CC6F

HSV Blend

#5E864A - #E2CC6F | 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 #5E864A as 0% and #E2CC6F as 100%.

0.0%	0.0% #5E864A	RGB 94 134 74	#5E864A
16.7%	16.7% #719550	RGB 113 149 80	#719550
33.3%	33.3% #87A457	RGB 135 164 87	#87A457
50.0%	50.0% #9FB45D	RGB 159 180 93	#9FB45D
66.7%	66.7% #BAC363	RGB 186 195 99	#BAC363
83.3%	83.3% #D2CD69	RGB 210 205 105	#D2CD69
100.0%	100.0% #E2CC6F	RGB 226 204 111	#E2CC6F

#5E864A #719550 #87A457 #9FB45D #BAC363 #D2CD69 #E2CC6F

#5E864A - #9FB45D - #E2CC6F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E864A 0%, #9FB45D 50%, #E2CC6F 100%);
    background: -webkit-linear-gradient(top, #5E864A 0%, #9FB45D 50%, #E2CC6F 100%);
    background: linear-gradient(to bottom, #5E864A 0%, #9FB45D 50%, #E2CC6F 100%);
}
</style>