#077E5E - #94DA8B | 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 #077E5E to #94DA8B

#077E5E #94DA8B

Calculate the color between two colors, #077E5E and #94DA8B. 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)

#077E5E - #94DA8B | 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 #077E5E as 0% and #94DA8B as 100%.

0.0%	0.0% #077E5E	RGB 7 126 94	#077E5E
16.7%	16.7% #1E8D65	RGB 30 141 101	#1E8D65
33.3%	33.3% #369C6D	RGB 54 156 109	#369C6D
50.0%	50.0% #4DAC74	RGB 77 172 116	#4DAC74
66.7%	66.7% #65BB7C	RGB 101 187 124	#65BB7C
83.3%	83.3% #7CCA83	RGB 124 202 131	#7CCA83
100.0%	100.0% #94DA8B	RGB 148 218 139	#94DA8B

#077E5E #1E8D65 #369C6D #4DAC74 #65BB7C #7CCA83 #94DA8B

#077E5E - #94DA8B

HSV Blend

#077E5E - #94DA8B | 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 #077E5E as 0% and #94DA8B as 100%.

0.0%	0.0% #077E5E	RGB 7 126 94	#077E5E
16.7%	16.7% #158D5C	RGB 21 141 92	#158D5C
33.3%	33.3% #279C5B	RGB 39 156 91	#279C5B
50.0%	50.0% #3BAC5E	RGB 59 172 94	#3BAC5E
66.7%	66.7% #53BB64	RGB 83 187 100	#53BB64
83.3%	83.3% #6DCA70	RGB 109 202 112	#6DCA70
100.0%	100.0% #94DA8B	RGB 148 218 139	#94DA8B

#077E5E #158D5C #279C5B #3BAC5E #53BB64 #6DCA70 #94DA8B

#077E5E - #3BAC5E - #94DA8B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #077E5E 0%, #3BAC5E 50%, #94DA8B 100%);
    background: -webkit-linear-gradient(top, #077E5E 0%, #3BAC5E 50%, #94DA8B 100%);
    background: linear-gradient(to bottom, #077E5E 0%, #3BAC5E 50%, #94DA8B 100%);
}
</style>