#52DFA8 - #CDF5E6 | 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 #52DFA8 to #CDF5E6

#52DFA8 #CDF5E6

Calculate the color between two colors, #52DFA8 and #CDF5E6. 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)

#52DFA8 - #CDF5E6 | 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 #52DFA8 as 0% and #CDF5E6 as 100%.

0.0%	0.0% #52DFA8	RGB 82 223 168	#52DFA8
16.7%	16.7% #66E2B2	RGB 102 226 178	#66E2B2
33.3%	33.3% #7BE6BC	RGB 123 230 188	#7BE6BC
50.0%	50.0% #8FEAC7	RGB 143 234 199	#8FEAC7
66.7%	66.7% #A4EDD1	RGB 164 237 209	#A4EDD1
83.3%	83.3% #B8F1DB	RGB 184 241 219	#B8F1DB
100.0%	100.0% #CDF5E6	RGB 205 245 230	#CDF5E6

#52DFA8 #66E2B2 #7BE6BC #8FEAC7 #A4EDD1 #B8F1DB #CDF5E6

#52DFA8 - #CDF5E6

HSV Blend

#52DFA8 - #CDF5E6 | 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 #52DFA8 as 0% and #CDF5E6 as 100%.

0.0%	0.0% #52DFA8	RGB 82 223 168	#52DFA8
16.7%	16.7% #65E2B1	RGB 101 226 177	#65E2B1
33.3%	33.3% #78E6BC	RGB 120 230 188	#78E6BC
50.0%	50.0% #8CEAC6	RGB 140 234 198	#8CEAC6
66.7%	66.7% #A1EDD0	RGB 161 237 208	#A1EDD0
83.3%	83.3% #B7F1DB	RGB 183 241 219	#B7F1DB
100.0%	100.0% #CDF5E6	RGB 205 245 230	#CDF5E6

#52DFA8 #65E2B1 #78E6BC #8CEAC6 #A1EDD0 #B7F1DB #CDF5E6

#52DFA8 - #8CEAC6 - #CDF5E6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #52DFA8 0%, #8CEAC6 50%, #CDF5E6 100%);
    background: -webkit-linear-gradient(top, #52DFA8 0%, #8CEAC6 50%, #CDF5E6 100%);
    background: linear-gradient(to bottom, #52DFA8 0%, #8CEAC6 50%, #CDF5E6 100%);
}
</style>