#C5E9C4 - #70D073 | 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 #C5E9C4 to #70D073

#C5E9C4 #70D073

Calculate the color between two colors, #C5E9C4 and #70D073. 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)

#C5E9C4 - #70D073 | 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 #C5E9C4 as 0% and #70D073 as 100%.

0.0%	0.0% #C5E9C4	RGB 197 233 196	#C5E9C4
16.7%	16.7% #B6E4B6	RGB 182 228 182	#B6E4B6
33.3%	33.3% #A8E0A9	RGB 168 224 169	#A8E0A9
50.0%	50.0% #9ADC9B	RGB 154 220 155	#9ADC9B
66.7%	66.7% #8CD88E	RGB 140 216 142	#8CD88E
83.3%	83.3% #7ED480	RGB 126 212 128	#7ED480
100.0%	100.0% #70D073	RGB 112 208 115	#70D073

#C5E9C4 #B6E4B6 #A8E0A9 #9ADC9B #8CD88E #7ED480 #70D073

#C5E9C4 - #70D073

HSV Blend

#C5E9C4 - #70D073 | 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 #C5E9C4 as 0% and #70D073 as 100%.

0.0%	0.0% #C5E9C4	RGB 197 233 196	#C5E9C4
16.7%	16.7% #B5E4B4	RGB 181 228 180	#B5E4B4
33.3%	33.3% #A6E0A6	RGB 166 224 166	#A6E0A6
50.0%	50.0% #98DC98	RGB 152 220 152	#98DC98
66.7%	66.7% #8AD88B	RGB 138 216 139	#8AD88B
83.3%	83.3% #7CD47E	RGB 124 212 126	#7CD47E
100.0%	100.0% #70D073	RGB 112 208 115	#70D073

#C5E9C4 #B5E4B4 #A6E0A6 #98DC98 #8AD88B #7CD47E #70D073

#C5E9C4 - #98DC98 - #70D073

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E9C4 0%, #98DC98 50%, #70D073 100%);
    background: -webkit-linear-gradient(top, #C5E9C4 0%, #98DC98 50%, #70D073 100%);
    background: linear-gradient(to bottom, #C5E9C4 0%, #98DC98 50%, #70D073 100%);
}
</style>