#52B5A8 - #06836D | 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 #52B5A8 to #06836D

#52B5A8 #06836D

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

#52B5A8 - #06836D | 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 #52B5A8 as 0% and #06836D as 100%.

0.0%	0.0% #52B5A8	RGB 82 181 168	#52B5A8
16.7%	16.7% #45AC9E	RGB 69 172 158	#45AC9E
33.3%	33.3% #38A494	RGB 56 164 148	#38A494
50.0%	50.0% #2C9C8A	RGB 44 156 138	#2C9C8A
66.7%	66.7% #1F9380	RGB 31 147 128	#1F9380
83.3%	83.3% #128B76	RGB 18 139 118	#128B76
100.0%	100.0% #06836D	RGB 6 131 109	#06836D

#52B5A8 #45AC9E #38A494 #2C9C8A #1F9380 #128B76 #06836D

#52B5A8 - #06836D

HSV Blend

#52B5A8 - #06836D | 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 #52B5A8 as 0% and #06836D as 100%.

0.0%	0.0% #52B5A8	RGB 82 181 168	#52B5A8
16.7%	16.7% #42AC9D	RGB 66 172 157	#42AC9D
33.3%	33.3% #34A493	RGB 52 164 147	#34A493
50.0%	50.0% #269C8A	RGB 38 156 138	#269C8A
66.7%	66.7% #1A9380	RGB 26 147 128	#1A9380
83.3%	83.3% #0F8B76	RGB 15 139 118	#0F8B76
100.0%	100.0% #06836D	RGB 6 131 109	#06836D

#52B5A8 #42AC9D #34A493 #269C8A #1A9380 #0F8B76 #06836D

#52B5A8 - #269C8A - #06836D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #52B5A8 0%, #269C8A 50%, #06836D 100%);
    background: -webkit-linear-gradient(top, #52B5A8 0%, #269C8A 50%, #06836D 100%);
    background: linear-gradient(to bottom, #52B5A8 0%, #269C8A 50%, #06836D 100%);
}
</style>