#5E8260 - #BFC57F | 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 #5E8260 to #BFC57F

#5E8260 #BFC57F

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

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

0.0%	0.0% #5E8260	RGB 94 130 96	#5E8260
16.7%	16.7% #6E8D65	RGB 110 141 101	#6E8D65
33.3%	33.3% #7E986A	RGB 126 152 106	#7E986A
50.0%	50.0% #8EA36F	RGB 142 163 111	#8EA36F
66.7%	66.7% #9EAE74	RGB 158 174 116	#9EAE74
83.3%	83.3% #AEB979	RGB 174 185 121	#AEB979
100.0%	100.0% #BFC57F	RGB 191 197 127	#BFC57F

#5E8260 #6E8D65 #7E986A #8EA36F #9EAE74 #AEB979 #BFC57F

#5E8260 - #BFC57F

HSV Blend

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

0.0%	0.0% #5E8260	RGB 94 130 96	#5E8260
16.7%	16.7% #688D64	RGB 104 141 100	#688D64
33.3%	33.3% #76986A	RGB 118 152 106	#76986A
50.0%	50.0% #86A36F	RGB 134 163 111	#86A36F
66.7%	66.7% #97AE75	RGB 151 174 117	#97AE75
83.3%	83.3% #AAB97A	RGB 170 185 122	#AAB97A
100.0%	100.0% #BFC57F	RGB 191 197 127	#BFC57F

#5E8260 #688D64 #76986A #86A36F #97AE75 #AAB97A #BFC57F

#5E8260 - #86A36F - #BFC57F

CSS codes

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

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