#5E825F - #BFC57E | 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 #5E825F to #BFC57E

#5E825F #BFC57E

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

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

0.0%	0.0% #5E825F	RGB 94 130 95	#5E825F
16.7%	16.7% #6E8D64	RGB 110 141 100	#6E8D64
33.3%	33.3% #7E9869	RGB 126 152 105	#7E9869
50.0%	50.0% #8EA36E	RGB 142 163 110	#8EA36E
66.7%	66.7% #9EAE73	RGB 158 174 115	#9EAE73
83.3%	83.3% #AEB978	RGB 174 185 120	#AEB978
100.0%	100.0% #BFC57E	RGB 191 197 126	#BFC57E

#5E825F #6E8D64 #7E9869 #8EA36E #9EAE73 #AEB978 #BFC57E

#5E825F - #BFC57E

HSV Blend

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

0.0%	0.0% #5E825F	RGB 94 130 95	#5E825F
16.7%	16.7% #698D64	RGB 105 141 100	#698D64
33.3%	33.3% #779869	RGB 119 152 105	#779869
50.0%	50.0% #86A36F	RGB 134 163 111	#86A36F
66.7%	66.7% #97AE74	RGB 151 174 116	#97AE74
83.3%	83.3% #AAB979	RGB 170 185 121	#AAB979
100.0%	100.0% #BFC57E	RGB 191 197 126	#BFC57E

#5E825F #698D64 #779869 #86A36F #97AE74 #AAB979 #BFC57E

#5E825F - #86A36F - #BFC57E

CSS codes

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

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