#3E7E7F - #C7D9DA | 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 #3E7E7F to #C7D9DA

#3E7E7F #C7D9DA

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

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

0.0%	0.0% #3E7E7F	RGB 62 126 127	#3E7E7F
16.7%	16.7% #548D8E	RGB 84 141 142	#548D8E
33.3%	33.3% #6B9C9D	RGB 107 156 157	#6B9C9D
50.0%	50.0% #82ABAC	RGB 130 171 172	#82ABAC
66.7%	66.7% #99BABB	RGB 153 186 187	#99BABB
83.3%	83.3% #B0C9CA	RGB 176 201 202	#B0C9CA
100.0%	100.0% #C7D9DA	RGB 199 217 218	#C7D9DA

#3E7E7F #548D8E #6B9C9D #82ABAC #99BABB #B0C9CA #C7D9DA

#3E7E7F - #C7D9DA

HSV Blend

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

0.0%	0.0% #3E7E7F	RGB 62 126 127	#3E7E7F
16.7%	16.7% #4F8C8E	RGB 79 140 142	#4F8C8E
33.3%	33.3% #639B9D	RGB 99 155 157	#639B9D
50.0%	50.0% #78AAAC	RGB 120 170 172	#78AAAC
66.7%	66.7% #90B9BB	RGB 144 185 187	#90B9BB
83.3%	83.3% #AAC9CA	RGB 170 201 202	#AAC9CA
100.0%	100.0% #C7D9DA	RGB 199 217 218	#C7D9DA

#3E7E7F #4F8C8E #639B9D #78AAAC #90B9BB #AAC9CA #C7D9DA

#3E7E7F - #78AAAC - #C7D9DA

CSS codes

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

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