#359E83 - #C5E3DB | 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 #359E83 to #C5E3DB

#359E83 #C5E3DB

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

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

0.0%	0.0% #359E83	RGB 53 158 131	#359E83
16.7%	16.7% #4DA991	RGB 77 169 145	#4DA991
33.3%	33.3% #65B5A0	RGB 101 181 160	#65B5A0
50.0%	50.0% #7DC0AF	RGB 125 192 175	#7DC0AF
66.7%	66.7% #95CCBD	RGB 149 204 189	#95CCBD
83.3%	83.3% #ADD7CC	RGB 173 215 204	#ADD7CC
100.0%	100.0% #C5E3DB	RGB 197 227 219	#C5E3DB

#359E83 #4DA991 #65B5A0 #7DC0AF #95CCBD #ADD7CC #C5E3DB

#359E83 - #C5E3DB

HSV Blend

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

0.0%	0.0% #359E83	RGB 53 158 131	#359E83
16.7%	16.7% #47A990	RGB 71 169 144	#47A990
33.3%	33.3% #5CB59E	RGB 92 181 158	#5CB59E
50.0%	50.0% #73C0AC	RGB 115 192 172	#73C0AC
66.7%	66.7% #8CCCBB	RGB 140 204 187	#8CCCBB
83.3%	83.3% #A7D7CA	RGB 167 215 202	#A7D7CA
100.0%	100.0% #C5E3DB	RGB 197 227 219	#C5E3DB

#359E83 #47A990 #5CB59E #73C0AC #8CCCBB #A7D7CA #C5E3DB

#359E83 - #73C0AC - #C5E3DB

CSS codes

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

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