#3C876B - #C7DCD4 | 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 #3C876B to #C7DCD4

#3C876B #C7DCD4

Calculate the color between two colors, #3C876B and #C7DCD4. 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)

#3C876B - #C7DCD4 | 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 #3C876B as 0% and #C7DCD4 as 100%.

0.0%	0.0% #3C876B	RGB 60 135 107	#3C876B
16.7%	16.7% #53957C	RGB 83 149 124	#53957C
33.3%	33.3% #6AA38E	RGB 106 163 142	#6AA38E
50.0%	50.0% #81B19F	RGB 129 177 159	#81B19F
66.7%	66.7% #98BFB1	RGB 152 191 177	#98BFB1
83.3%	83.3% #AFCDC2	RGB 175 205 194	#AFCDC2
100.0%	100.0% #C7DCD4	RGB 199 220 212	#C7DCD4

#3C876B #53957C #6AA38E #81B19F #98BFB1 #AFCDC2 #C7DCD4

#3C876B - #C7DCD4

HSV Blend

#3C876B - #C7DCD4 | 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 #3C876B as 0% and #C7DCD4 as 100%.

0.0%	0.0% #3C876B	RGB 60 135 107	#3C876B
16.7%	16.7% #4D957A	RGB 77 149 122	#4D957A
33.3%	33.3% #61A38A	RGB 97 163 138	#61A38A
50.0%	50.0% #77B19B	RGB 119 177 155	#77B19B
66.7%	66.7% #8FBFAD	RGB 143 191 173	#8FBFAD
83.3%	83.3% #AACDC0	RGB 170 205 192	#AACDC0
100.0%	100.0% #C7DCD4	RGB 199 220 212	#C7DCD4

#3C876B #4D957A #61A38A #77B19B #8FBFAD #AACDC0 #C7DCD4

#3C876B - #77B19B - #C7DCD4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C876B 0%, #77B19B 50%, #C7DCD4 100%);
    background: -webkit-linear-gradient(top, #3C876B 0%, #77B19B 50%, #C7DCD4 100%);
    background: linear-gradient(to bottom, #3C876B 0%, #77B19B 50%, #C7DCD4 100%);
}
</style>