#00EBFF - #7BFF8F | 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 #00EBFF to #7BFF8F

#00EBFF #7BFF8F

Calculate the color between two colors, #00EBFF and #7BFF8F. 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)

#00EBFF - #7BFF8F | 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 #00EBFF as 0% and #7BFF8F as 100%.

0.0%	0.0% #00EBFF	RGB 0 235 255	#00EBFF
16.7%	16.7% #14EEEC	RGB 20 238 236	#14EEEC
33.3%	33.3% #29F1D9	RGB 41 241 217	#29F1D9
50.0%	50.0% #3DF5C7	RGB 61 245 199	#3DF5C7
66.7%	66.7% #52F8B4	RGB 82 248 180	#52F8B4
83.3%	83.3% #66FBA1	RGB 102 251 161	#66FBA1
100.0%	100.0% #7BFF8F	RGB 123 255 143	#7BFF8F

#00EBFF #14EEEC #29F1D9 #3DF5C7 #52F8B4 #66FBA1 #7BFF8F

#00EBFF - #7BFF8F

HSV Blend

#00EBFF - #7BFF8F | 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 #00EBFF as 0% and #7BFF8F as 100%.

0.0%	0.0% #00EBFF	RGB 0 235 255	#00EBFF
16.7%	16.7% #14FFED	RGB 20 255 237	#14FFED
33.3%	33.3% #28FFCD	RGB 40 255 205	#28FFCD
50.0%	50.0% #3DFFB4	RGB 61 255 180	#3DFFB4
66.7%	66.7% #52FFA1	RGB 82 255 161	#52FFA1
83.3%	83.3% #66FF95	RGB 102 255 149	#66FF95
100.0%	100.0% #7BFF8F	RGB 123 255 143	#7BFF8F

#00EBFF #14FFED #28FFCD #3DFFB4 #52FFA1 #66FF95 #7BFF8F

#00EBFF - #3DFFB4 - #7BFF8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00EBFF 0%, #3DFFB4 50%, #7BFF8F 100%);
    background: -webkit-linear-gradient(top, #00EBFF 0%, #3DFFB4 50%, #7BFF8F 100%);
    background: linear-gradient(to bottom, #00EBFF 0%, #3DFFB4 50%, #7BFF8F 100%);
}
</style>