#00E3BA - #00AFAB | 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 #00E3BA to #00AFAB

#00E3BA #00AFAB

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

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

0.0%	0.0% #00E3BA	RGB 0 227 186	#00E3BA
16.7%	16.7% #00DAB7	RGB 0 218 183	#00DAB7
33.3%	33.3% #00D1B5	RGB 0 209 181	#00D1B5
50.0%	50.0% #00C9B2	RGB 0 201 178	#00C9B2
66.7%	66.7% #00C0B0	RGB 0 192 176	#00C0B0
83.3%	83.3% #00B7AD	RGB 0 183 173	#00B7AD
100.0%	100.0% #00AFAB	RGB 0 175 171	#00AFAB

#00E3BA #00DAB7 #00D1B5 #00C9B2 #00C0B0 #00B7AD #00AFAB

#00E3BA - #00AFAB

HSV Blend

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

0.0%	0.0% #00E3BA	RGB 0 227 186	#00E3BA
16.7%	16.7% #00DAB8	RGB 0 218 184	#00DAB8
33.3%	33.3% #00D1B6	RGB 0 209 182	#00D1B6
50.0%	50.0% #00C9B4	RGB 0 201 180	#00C9B4
66.7%	66.7% #00C0B1	RGB 0 192 177	#00C0B1
83.3%	83.3% #00B7AE	RGB 0 183 174	#00B7AE
100.0%	100.0% #00AFAB	RGB 0 175 171	#00AFAB

#00E3BA #00DAB8 #00D1B6 #00C9B4 #00C0B1 #00B7AE #00AFAB

#00E3BA - #00C9B4 - #00AFAB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00E3BA 0%, #00C9B4 50%, #00AFAB 100%);
    background: -webkit-linear-gradient(top, #00E3BA 0%, #00C9B4 50%, #00AFAB 100%);
    background: linear-gradient(to bottom, #00E3BA 0%, #00C9B4 50%, #00AFAB 100%);
}
</style>