#3C7D7E - #C7DAD9 | 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 #3C7D7E to #C7DAD9

#3C7D7E #C7DAD9

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

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

0.0%	0.0% #3C7D7E	RGB 60 125 126	#3C7D7E
16.7%	16.7% #538C8D	RGB 83 140 141	#538C8D
33.3%	33.3% #6A9C9C	RGB 106 156 156	#6A9C9C
50.0%	50.0% #81ABAB	RGB 129 171 171	#81ABAB
66.7%	66.7% #98BBBA	RGB 152 187 186	#98BBBA
83.3%	83.3% #AFCAC9	RGB 175 202 201	#AFCAC9
100.0%	100.0% #C7DAD9	RGB 199 218 217	#C7DAD9

#3C7D7E #538C8D #6A9C9C #81ABAB #98BBBA #AFCAC9 #C7DAD9

#3C7D7E - #C7DAD9

HSV Blend

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

0.0%	0.0% #3C7D7E	RGB 60 125 126	#3C7D7E
16.7%	16.7% #4D8D8D	RGB 77 141 141	#4D8D8D
33.3%	33.3% #619C9C	RGB 97 156 156	#619C9C
50.0%	50.0% #77ACAB	RGB 119 172 171	#77ACAB
66.7%	66.7% #8FBBBA	RGB 143 187 186	#8FBBBA
83.3%	83.3% #AACAC9	RGB 170 202 201	#AACAC9
100.0%	100.0% #C7DAD9	RGB 199 218 217	#C7DAD9

#3C7D7E #4D8D8D #619C9C #77ACAB #8FBBBA #AACAC9 #C7DAD9

#3C7D7E - #77ACAB - #C7DAD9

CSS codes

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

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