#359D7D - #C5E3DA | 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 #359D7D to #C5E3DA

#359D7D #C5E3DA

Calculate the color between two colors, #359D7D and #C5E3DA. 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)

#359D7D - #C5E3DA | 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 #359D7D as 0% and #C5E3DA as 100%.

0.0%	0.0% #359D7D	RGB 53 157 125	#359D7D
16.7%	16.7% #4DA88C	RGB 77 168 140	#4DA88C
33.3%	33.3% #65B49C	RGB 101 180 156	#65B49C
50.0%	50.0% #7DC0AB	RGB 125 192 171	#7DC0AB
66.7%	66.7% #95CBBB	RGB 149 203 187	#95CBBB
83.3%	83.3% #ADD7CA	RGB 173 215 202	#ADD7CA
100.0%	100.0% #C5E3DA	RGB 197 227 218	#C5E3DA

#359D7D #4DA88C #65B49C #7DC0AB #95CBBB #ADD7CA #C5E3DA

#359D7D - #C5E3DA

HSV Blend

#359D7D - #C5E3DA | 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 #359D7D as 0% and #C5E3DA as 100%.

0.0%	0.0% #359D7D	RGB 53 157 125	#359D7D
16.7%	16.7% #47A88A	RGB 71 168 138	#47A88A
33.3%	33.3% #5CB499	RGB 92 180 153	#5CB499
50.0%	50.0% #73C0A8	RGB 115 192 168	#73C0A8
66.7%	66.7% #8CCBB8	RGB 140 203 184	#8CCBB8
83.3%	83.3% #A7D7C9	RGB 167 215 201	#A7D7C9
100.0%	100.0% #C5E3DA	RGB 197 227 218	#C5E3DA

#359D7D #47A88A #5CB499 #73C0A8 #8CCBB8 #A7D7C9 #C5E3DA

#359D7D - #73C0A8 - #C5E3DA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #359D7D 0%, #73C0A8 50%, #C5E3DA 100%);
    background: -webkit-linear-gradient(top, #359D7D 0%, #73C0A8 50%, #C5E3DA 100%);
    background: linear-gradient(to bottom, #359D7D 0%, #73C0A8 50%, #C5E3DA 100%);
}
</style>