#2FF0FF - #EDF4CF | 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 #2FF0FF to #EDF4CF

#2FF0FF #EDF4CF

Calculate the color between two colors, #2FF0FF and #EDF4CF. 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)

#2FF0FF - #EDF4CF | 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 #2FF0FF as 0% and #EDF4CF as 100%.

0.0%	0.0% #2FF0FF	RGB 47 240 255	#2FF0FF
16.7%	16.7% #4EF0F7	RGB 78 240 247	#4EF0F7
33.3%	33.3% #6EF1EF	RGB 110 241 239	#6EF1EF
50.0%	50.0% #8EF2E7	RGB 142 242 231	#8EF2E7
66.7%	66.7% #ADF2DF	RGB 173 242 223	#ADF2DF
83.3%	83.3% #CDF3D7	RGB 205 243 215	#CDF3D7
100.0%	100.0% #EDF4CF	RGB 237 244 207	#EDF4CF

#2FF0FF #4EF0F7 #6EF1EF #8EF2E7 #ADF2DF #CDF3D7 #EDF4CF

#2FF0FF - #EDF4CF

HSV Blend

#2FF0FF - #EDF4CF | 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 #2FF0FF as 0% and #EDF4CF as 100%.

0.0%	0.0% #2EF0FF	RGB 46 240 255	#2EF0FF
16.7%	16.7% #4AFDD2	RGB 74 253 210	#4AFDD2
33.3%	33.3% #65FBA8	RGB 101 251 168	#65FBA8
50.0%	50.0% #80F990	RGB 128 249 144	#80F990
66.7%	66.7% #ACF79B	RGB 172 247 155	#ACF79B
83.3%	83.3% #D5F5B5	RGB 213 245 181	#D5F5B5
100.0%	100.0% #EDF4CF	RGB 237 244 207	#EDF4CF

#2EF0FF #4AFDD2 #65FBA8 #80F990 #ACF79B #D5F5B5 #EDF4CF

#2FF0FF - #80F990 - #EDF4CF

CSS codes

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

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