#94E5E5 - #20BEC0 | 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 #94E5E5 to #20BEC0

#94E5E5 #20BEC0

Calculate the color between two colors, #94E5E5 and #20BEC0. 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)

#94E5E5 - #20BEC0 | 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 #94E5E5 as 0% and #20BEC0 as 100%.

0.0%	0.0% #94E5E5	RGB 148 229 229	#94E5E5
16.7%	16.7% #80DEDE	RGB 128 222 222	#80DEDE
33.3%	33.3% #6DD8D8	RGB 109 216 216	#6DD8D8
50.0%	50.0% #5AD1D2	RGB 90 209 210	#5AD1D2
66.7%	66.7% #46CBCC	RGB 70 203 204	#46CBCC
83.3%	83.3% #33C4C6	RGB 51 196 198	#33C4C6
100.0%	100.0% #20BEC0	RGB 32 190 192	#20BEC0

#94E5E5 #80DEDE #6DD8D8 #5AD1D2 #46CBCC #33C4C6 #20BEC0

#94E5E5 - #20BEC0

HSV Blend

#94E5E5 - #20BEC0 | 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 #94E5E5 as 0% and #20BEC0 as 100%.

0.0%	0.0% #94E5E5	RGB 148 229 229	#94E5E5
16.7%	16.7% #7EDEDE	RGB 126 222 222	#7EDEDE
33.3%	33.3% #69D8D8	RGB 105 216 216	#69D8D8
50.0%	50.0% #55D1D2	RGB 85 209 210	#55D1D2
66.7%	66.7% #42CBCC	RGB 66 203 204	#42CBCC
83.3%	83.3% #30C4C6	RGB 48 196 198	#30C4C6
100.0%	100.0% #20BEC0	RGB 32 190 192	#20BEC0

#94E5E5 #7EDEDE #69D8D8 #55D1D2 #42CBCC #30C4C6 #20BEC0

#94E5E5 - #55D1D2 - #20BEC0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #94E5E5 0%, #55D1D2 50%, #20BEC0 100%);
    background: -webkit-linear-gradient(top, #94E5E5 0%, #55D1D2 50%, #20BEC0 100%);
    background: linear-gradient(to bottom, #94E5E5 0%, #55D1D2 50%, #20BEC0 100%);
}
</style>