#3E7E7E - #C7DADA | 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 #3E7E7E to #C7DADA

#3E7E7E #C7DADA

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

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

0.0%	0.0% #3E7E7E	RGB 62 126 126	#3E7E7E
16.7%	16.7% #548D8D	RGB 84 141 141	#548D8D
33.3%	33.3% #6B9C9C	RGB 107 156 156	#6B9C9C
50.0%	50.0% #82ACAC	RGB 130 172 172	#82ACAC
66.7%	66.7% #99BBBB	RGB 153 187 187	#99BBBB
83.3%	83.3% #B0CACA	RGB 176 202 202	#B0CACA
100.0%	100.0% #C7DADA	RGB 199 218 218	#C7DADA

#3E7E7E #548D8D #6B9C9C #82ACAC #99BBBB #B0CACA #C7DADA

#3E7E7E - #C7DADA

HSV Blend

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

0.0%	0.0% #3E7E7E	RGB 62 126 126	#3E7E7E
16.7%	16.7% #4F8D8D	RGB 79 141 141	#4F8D8D
33.3%	33.3% #639C9C	RGB 99 156 156	#639C9C
50.0%	50.0% #78ACAC	RGB 120 172 172	#78ACAC
66.7%	66.7% #90BBBB	RGB 144 187 187	#90BBBB
83.3%	83.3% #AACACA	RGB 170 202 202	#AACACA
100.0%	100.0% #C7DADA	RGB 199 218 218	#C7DADA

#3E7E7E #4F8D8D #639C9C #78ACAC #90BBBB #AACACA #C7DADA

#3E7E7E - #78ACAC - #C7DADA

CSS codes

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

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