#80FF5D - #E2FF95 | 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 #80FF5D to #E2FF95

#80FF5D #E2FF95

Calculate the color between two colors, #80FF5D and #E2FF95. 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)

#80FF5D - #E2FF95 | 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 #80FF5D as 0% and #E2FF95 as 100%.

0.0%	0.0% #80FF5D	RGB 128 255 93	#80FF5D
16.7%	16.7% #90FF66	RGB 144 255 102	#90FF66
33.3%	33.3% #A0FF6F	RGB 160 255 111	#A0FF6F
50.0%	50.0% #B1FF79	RGB 177 255 121	#B1FF79
66.7%	66.7% #C1FF82	RGB 193 255 130	#C1FF82
83.3%	83.3% #D1FF8B	RGB 209 255 139	#D1FF8B
100.0%	100.0% #E2FF95	RGB 226 255 149	#E2FF95

#80FF5D #90FF66 #A0FF6F #B1FF79 #C1FF82 #D1FF8B #E2FF95

#80FF5D - #E2FF95

HSV Blend

#80FF5D - #E2FF95 | 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 #80FF5D as 0% and #E2FF95 as 100%.

0.0%	0.0% #80FF5D	RGB 128 255 93	#80FF5D
16.7%	16.7% #94FF66	RGB 148 255 102	#94FF66
33.3%	33.3% #A7FF6F	RGB 167 255 111	#A7FF6F
50.0%	50.0% #B8FF79	RGB 184 255 121	#B8FF79
66.7%	66.7% #C7FF82	RGB 199 255 130	#C7FF82
83.3%	83.3% #D5FF8B	RGB 213 255 139	#D5FF8B
100.0%	100.0% #E2FF95	RGB 226 255 149	#E2FF95

#80FF5D #94FF66 #A7FF6F #B8FF79 #C7FF82 #D5FF8B #E2FF95

#80FF5D - #B8FF79 - #E2FF95

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #80FF5D 0%, #B8FF79 50%, #E2FF95 100%);
    background: -webkit-linear-gradient(top, #80FF5D 0%, #B8FF79 50%, #E2FF95 100%);
    background: linear-gradient(to bottom, #80FF5D 0%, #B8FF79 50%, #E2FF95 100%);
}
</style>