#52B8B8 - #C5E1AE | 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 #52B8B8 to #C5E1AE

#52B8B8 #C5E1AE

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

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

0.0%	0.0% #52B8B8	RGB 82 184 184	#52B8B8
16.7%	16.7% #65BEB6	RGB 101 190 182	#65BEB6
33.3%	33.3% #78C5B4	RGB 120 197 180	#78C5B4
50.0%	50.0% #8BCCB3	RGB 139 204 179	#8BCCB3
66.7%	66.7% #9ED3B1	RGB 158 211 177	#9ED3B1
83.3%	83.3% #B1DAAF	RGB 177 218 175	#B1DAAF
100.0%	100.0% #C5E1AE	RGB 197 225 174	#C5E1AE

#52B8B8 #65BEB6 #78C5B4 #8BCCB3 #9ED3B1 #B1DAAF #C5E1AE

#52B8B8 - #C5E1AE

HSV Blend

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

0.0%	0.0% #52B8B8	RGB 82 184 184	#52B8B8
16.7%	16.7% #5FBEA7	RGB 95 190 167	#5FBEA7
33.3%	33.3% #6DC59B	RGB 109 197 155	#6DC59B
50.0%	50.0% #7CCC92	RGB 124 204 146	#7CCC92
66.7%	66.7% #8CD38E	RGB 140 211 142	#8CD38E
83.3%	83.3% #A9DA9C	RGB 169 218 156	#A9DA9C
100.0%	100.0% #C5E1AE	RGB 197 225 174	#C5E1AE

#52B8B8 #5FBEA7 #6DC59B #7CCC92 #8CD38E #A9DA9C #C5E1AE

#52B8B8 - #7CCC92 - #C5E1AE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #52B8B8 0%, #7CCC92 50%, #C5E1AE 100%);
    background: -webkit-linear-gradient(top, #52B8B8 0%, #7CCC92 50%, #C5E1AE 100%);
    background: linear-gradient(to bottom, #52B8B8 0%, #7CCC92 50%, #C5E1AE 100%);
}
</style>