#3E7B81 - #C7D9DB | 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 #3E7B81 to #C7D9DB

#3E7B81 #C7D9DB

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

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

0.0%	0.0% #3E7B81	RGB 62 123 129	#3E7B81
16.7%	16.7% #548A90	RGB 84 138 144	#548A90
33.3%	33.3% #6B9A9F	RGB 107 154 159	#6B9A9F
50.0%	50.0% #82AAAE	RGB 130 170 174	#82AAAE
66.7%	66.7% #99B9BD	RGB 153 185 189	#99B9BD
83.3%	83.3% #B0C9CC	RGB 176 201 204	#B0C9CC
100.0%	100.0% #C7D9DB	RGB 199 217 219	#C7D9DB

#3E7B81 #548A90 #6B9A9F #82AAAE #99B9BD #B0C9CC #C7D9DB

#3E7B81 - #C7D9DB

HSV Blend

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

0.0%	0.0% #3E7B81	RGB 62 123 129	#3E7B81
16.7%	16.7% #4F8A90	RGB 79 138 144	#4F8A90
33.3%	33.3% #63999F	RGB 99 153 159	#63999F
50.0%	50.0% #78A8AE	RGB 120 168 174	#78A8AE
66.7%	66.7% #90B8BD	RGB 144 184 189	#90B8BD
83.3%	83.3% #AAC8CC	RGB 170 200 204	#AAC8CC
100.0%	100.0% #C7D9DB	RGB 199 217 219	#C7D9DB

#3E7B81 #4F8A90 #63999F #78A8AE #90B8BD #AAC8CC #C7D9DB

#3E7B81 - #78A8AE - #C7D9DB

CSS codes

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

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