#5E5C5A - #77F068 | 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 #5E5C5A to #77F068

#5E5C5A #77F068

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

#5E5C5A - #77F068 | 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 #5E5C5A as 0% and #77F068 as 100%.

0.0%	0.0% #5E5C5A	RGB 94 92 90	#5E5C5A
16.7%	16.7% #62745C	RGB 98 116 92	#62745C
33.3%	33.3% #668D5E	RGB 102 141 94	#668D5E
50.0%	50.0% #6AA661	RGB 106 166 97	#6AA661
66.7%	66.7% #6EBE63	RGB 110 190 99	#6EBE63
83.3%	83.3% #72D765	RGB 114 215 101	#72D765
100.0%	100.0% #77F068	RGB 119 240 104	#77F068

#5E5C5A #62745C #668D5E #6AA661 #6EBE63 #72D765 #77F068

#5E5C5A - #77F068

HSV Blend

#5E5C5A - #77F068 | 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 #5E5C5A as 0% and #77F068 as 100%.

0.0%	0.0% #5E5C5A	RGB 94 92 90	#5E5C5A
16.7%	16.7% #767266	RGB 118 114 102	#767266
33.3%	33.3% #8E8D6F	RGB 142 141 111	#8E8D6F
50.0%	50.0% #9DA774	RGB 157 167 116	#9DA774
66.7%	66.7% #9FBF74	RGB 159 191 116	#9FBF74
83.3%	83.3% #93D770	RGB 147 215 112	#93D770
100.0%	100.0% #77F068	RGB 119 240 104	#77F068

#5E5C5A #767266 #8E8D6F #9DA774 #9FBF74 #93D770 #77F068

#5E5C5A - #9DA774 - #77F068

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5C5A 0%, #9DA774 50%, #77F068 100%);
    background: -webkit-linear-gradient(top, #5E5C5A 0%, #9DA774 50%, #77F068 100%);
    background: linear-gradient(to bottom, #5E5C5A 0%, #9DA774 50%, #77F068 100%);
}
</style>