#31CDD1 - #EBF5CE | 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 #31CDD1 to #EBF5CE

#31CDD1 #EBF5CE

Calculate the color between two colors, #31CDD1 and #EBF5CE. 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)

#31CDD1 - #EBF5CE | 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 #31CDD1 as 0% and #EBF5CE as 100%.

0.0%	0.0% #31CDD1	RGB 49 205 209	#31CDD1
16.7%	16.7% #50D3D0	RGB 80 211 208	#50D3D0
33.3%	33.3% #6FDAD0	RGB 111 218 208	#6FDAD0
50.0%	50.0% #8EE1CF	RGB 142 225 207	#8EE1CF
66.7%	66.7% #ADE7CF	RGB 173 231 207	#ADE7CF
83.3%	83.3% #CCEECE	RGB 204 238 206	#CCEECE
100.0%	100.0% #EBF5CE	RGB 235 245 206	#EBF5CE

#31CDD1 #50D3D0 #6FDAD0 #8EE1CF #ADE7CF #CCEECE #EBF5CE

#31CDD1 - #EBF5CE

HSV Blend

#31CDD1 - #EBF5CE | 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 #31CDD1 as 0% and #EBF5CE as 100%.

0.0%	0.0% #31CDD1	RGB 49 205 209	#31CDD1
16.7%	16.7% #48D7B0	RGB 72 215 176	#48D7B0
33.3%	33.3% #60DD96	RGB 96 221 150	#60DD96
50.0%	50.0% #7AE388	RGB 122 227 136	#7AE388
66.7%	66.7% #A1E994	RGB 161 233 148	#A1E994
83.3%	83.3% #CCEFB0	RGB 204 239 176	#CCEFB0
100.0%	100.0% #EBF5CE	RGB 235 245 206	#EBF5CE

#31CDD1 #48D7B0 #60DD96 #7AE388 #A1E994 #CCEFB0 #EBF5CE

#31CDD1 - #7AE388 - #EBF5CE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #31CDD1 0%, #7AE388 50%, #EBF5CE 100%);
    background: -webkit-linear-gradient(top, #31CDD1 0%, #7AE388 50%, #EBF5CE 100%);
    background: linear-gradient(to bottom, #31CDD1 0%, #7AE388 50%, #EBF5CE 100%);
}
</style>