#C2D4C0 - #70AE6D | 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 #C2D4C0 to #70AE6D

#C2D4C0 #70AE6D

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

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

0.0%	0.0% #C2D4C0	RGB 194 212 192	#C2D4C0
16.7%	16.7% #B4CDB2	RGB 180 205 178	#B4CDB2
33.3%	33.3% #A6C7A4	RGB 166 199 164	#A6C7A4
50.0%	50.0% #99C196	RGB 153 193 150	#99C196
66.7%	66.7% #8BBA88	RGB 139 186 136	#8BBA88
83.3%	83.3% #7DB47A	RGB 125 180 122	#7DB47A
100.0%	100.0% #70AE6D	RGB 112 174 109	#70AE6D

#C2D4C0 #B4CDB2 #A6C7A4 #99C196 #8BBA88 #7DB47A #70AE6D

#C2D4C0 - #70AE6D

HSV Blend

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

0.0%	0.0% #C2D4C0	RGB 194 212 192	#C2D4C0
16.7%	16.7% #B3CDB0	RGB 179 205 176	#B3CDB0
33.3%	33.3% #A5C7A1	RGB 165 199 161	#A5C7A1
50.0%	50.0% #97C193	RGB 151 193 147	#97C193
66.7%	66.7% #89BA86	RGB 137 186 134	#89BA86
83.3%	83.3% #7CB479	RGB 124 180 121	#7CB479
100.0%	100.0% #70AE6D	RGB 112 174 109	#70AE6D

#C2D4C0 #B3CDB0 #A5C7A1 #97C193 #89BA86 #7CB479 #70AE6D

#C2D4C0 - #97C193 - #70AE6D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2D4C0 0%, #97C193 50%, #70AE6D 100%);
    background: -webkit-linear-gradient(top, #C2D4C0 0%, #97C193 50%, #70AE6D 100%);
    background: linear-gradient(to bottom, #C2D4C0 0%, #97C193 50%, #70AE6D 100%);
}
</style>