#5E8C31 - #425D00 | 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 #5E8C31 to #425D00

#5E8C31 #425D00

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

#5E8C31 - #425D00 | 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 #5E8C31 as 0% and #425D00 as 100%.

0.0%	0.0% #5E8C31	RGB 94 140 49	#5E8C31
16.7%	16.7% #598428	RGB 89 132 40	#598428
33.3%	33.3% #547C20	RGB 84 124 32	#547C20
50.0%	50.0% #507418	RGB 80 116 24	#507418
66.7%	66.7% #4B6C10	RGB 75 108 16	#4B6C10
83.3%	83.3% #466408	RGB 70 100 8	#466408
100.0%	100.0% #425D00	RGB 66 93 0	#425D00

#5E8C31 #598428 #547C20 #507418 #4B6C10 #466408 #425D00

#5E8C31 - #425D00

HSV Blend

#5E8C31 - #425D00 | 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 #5E8C31 as 0% and #425D00 as 100%.

0.0%	0.0% #5D8C31	RGB 93 140 49	#5D8C31
16.7%	16.7% #588426	RGB 88 132 38	#588426
33.3%	33.3% #527C1D	RGB 82 124 29	#527C1D
50.0%	50.0% #4E7414	RGB 78 116 20	#4E7414
66.7%	66.7% #496C0C	RGB 73 108 12	#496C0C
83.3%	83.3% #456405	RGB 69 100 5	#456405
100.0%	100.0% #425D00	RGB 66 93 0	#425D00

#5D8C31 #588426 #527C1D #4E7414 #496C0C #456405 #425D00

#5E8C31 - #4E7414 - #425D00

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D8C31 0%, #4E7414 50%, #425D00 100%);
    background: -webkit-linear-gradient(top, #5D8C31 0%, #4E7414 50%, #425D00 100%);
    background: linear-gradient(to bottom, #5D8C31 0%, #4E7414 50%, #425D00 100%);
}
</style>