#5E9C5C - #F2DC7C | 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 #5E9C5C to #F2DC7C

#5E9C5C #F2DC7C

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

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

0.0%	0.0% #5E9C5C	RGB 94 156 92	#5E9C5C
16.7%	16.7% #76A661	RGB 118 166 97	#76A661
33.3%	33.3% #8FB166	RGB 143 177 102	#8FB166
50.0%	50.0% #A8BC6C	RGB 168 188 108	#A8BC6C
66.7%	66.7% #C0C671	RGB 192 198 113	#C0C671
83.3%	83.3% #D9D176	RGB 217 209 118	#D9D176
100.0%	100.0% #F2DC7C	RGB 242 220 124	#F2DC7C

#5E9C5C #76A661 #8FB166 #A8BC6C #C0C671 #D9D176 #F2DC7C

#5E9C5C - #F2DC7C

HSV Blend

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

0.0%	0.0% #5E9C5C	RGB 94 156 92	#5E9C5C
16.7%	16.7% #72AA62	RGB 114 170 98	#72AA62
33.3%	33.3% #89B868	RGB 137 184 104	#89B868
50.0%	50.0% #A4C76D	RGB 164 199 109	#A4C76D
66.7%	66.7% #C1D572	RGB 193 213 114	#C1D572
83.3%	83.3% #E3E377	RGB 227 227 119	#E3E377
100.0%	100.0% #F2DC7C	RGB 242 220 124	#F2DC7C

#5E9C5C #72AA62 #89B868 #A4C76D #C1D572 #E3E377 #F2DC7C

#5E9C5C - #A4C76D - #F2DC7C

CSS codes

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

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