#3C8F79 - #C7DFD8 | 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 #3C8F79 to #C7DFD8

#3C8F79 #C7DFD8

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

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

0.0%	0.0% #3C8F79	RGB 60 143 121	#3C8F79
16.7%	16.7% #539C88	RGB 83 156 136	#539C88
33.3%	33.3% #6AA998	RGB 106 169 152	#6AA998
50.0%	50.0% #81B7A8	RGB 129 183 168	#81B7A8
66.7%	66.7% #98C4B8	RGB 152 196 184	#98C4B8
83.3%	83.3% #AFD1C8	RGB 175 209 200	#AFD1C8
100.0%	100.0% #C7DFD8	RGB 199 223 216	#C7DFD8

#3C8F79 #539C88 #6AA998 #81B7A8 #98C4B8 #AFD1C8 #C7DFD8

#3C8F79 - #C7DFD8

HSV Blend

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

0.0%	0.0% #3C8F79	RGB 60 143 121	#3C8F79
16.7%	16.7% #4D9C87	RGB 77 156 135	#4D9C87
33.3%	33.3% #61A996	RGB 97 169 150	#61A996
50.0%	50.0% #78B7A5	RGB 120 183 165	#78B7A5
66.7%	66.7% #90C4B5	RGB 144 196 181	#90C4B5
83.3%	83.3% #AAD1C6	RGB 170 209 198	#AAD1C6
100.0%	100.0% #C7DFD8	RGB 199 223 216	#C7DFD8

#3C8F79 #4D9C87 #61A996 #78B7A5 #90C4B5 #AAD1C6 #C7DFD8

#3C8F79 - #78B7A5 - #C7DFD8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C8F79 0%, #78B7A5 50%, #C7DFD8 100%);
    background: -webkit-linear-gradient(top, #3C8F79 0%, #78B7A5 50%, #C7DFD8 100%);
    background: linear-gradient(to bottom, #3C8F79 0%, #78B7A5 50%, #C7DFD8 100%);
}
</style>