#5E914C - #EDD571 | 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 #5E914C to #EDD571

#5E914C #EDD571

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

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

0.0%	0.0% #5E914C	RGB 94 145 76	#5E914C
16.7%	16.7% #759C52	RGB 117 156 82	#759C52
33.3%	33.3% #8DA758	RGB 141 167 88	#8DA758
50.0%	50.0% #A5B35E	RGB 165 179 94	#A5B35E
66.7%	66.7% #BDBE64	RGB 189 190 100	#BDBE64
83.3%	83.3% #D5C96A	RGB 213 201 106	#D5C96A
100.0%	100.0% #EDD571	RGB 237 213 113	#EDD571

#5E914C #759C52 #8DA758 #A5B35E #BDBE64 #D5C96A #EDD571

#5E914C - #EDD571

HSV Blend

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

0.0%	0.0% #5E914C	RGB 94 145 76	#5E914C
16.7%	16.7% #73A052	RGB 115 160 82	#73A052
33.3%	33.3% #8AAF59	RGB 138 175 89	#8AAF59
50.0%	50.0% #A4BF5F	RGB 164 191 95	#A4BF5F
66.7%	66.7% #C2CE65	RGB 194 206 101	#C2CE65
83.3%	83.3% #DDD96B	RGB 221 217 107	#DDD96B
100.0%	100.0% #EDD571	RGB 237 213 113	#EDD571

#5E914C #73A052 #8AAF59 #A4BF5F #C2CE65 #DDD96B #EDD571

#5E914C - #A4BF5F - #EDD571

CSS codes

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

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