#359E64 - #C5E3D2 | 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 #359E64 to #C5E3D2

#359E64 #C5E3D2

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

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

0.0%	0.0% #359E64	RGB 53 158 100	#359E64
16.7%	16.7% #4DA976	RGB 77 169 118	#4DA976
33.3%	33.3% #65B588	RGB 101 181 136	#65B588
50.0%	50.0% #7DC09B	RGB 125 192 155	#7DC09B
66.7%	66.7% #95CCAD	RGB 149 204 173	#95CCAD
83.3%	83.3% #ADD7BF	RGB 173 215 191	#ADD7BF
100.0%	100.0% #C5E3D2	RGB 197 227 210	#C5E3D2

#359E64 #4DA976 #65B588 #7DC09B #95CCAD #ADD7BF #C5E3D2

#359E64 - #C5E3D2

HSV Blend

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

0.0%	0.0% #359E64	RGB 53 158 100	#359E64
16.7%	16.7% #47A973	RGB 71 169 115	#47A973
33.3%	33.3% #5CB583	RGB 92 181 131	#5CB583
50.0%	50.0% #73C095	RGB 115 192 149	#73C095
66.7%	66.7% #8CCCA8	RGB 140 204 168	#8CCCA8
83.3%	83.3% #A7D7BC	RGB 167 215 188	#A7D7BC
100.0%	100.0% #C5E3D2	RGB 197 227 210	#C5E3D2

#359E64 #47A973 #5CB583 #73C095 #8CCCA8 #A7D7BC #C5E3D2

#359E64 - #73C095 - #C5E3D2

CSS codes

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

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