#3E5E65 - #C7D0D3 | 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 #3E5E65 to #C7D0D3

#3E5E65 #C7D0D3

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

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

0.0%	0.0% #3E5E65	RGB 62 94 101	#3E5E65
16.7%	16.7% #547177	RGB 84 113 119	#547177
33.3%	33.3% #6B8489	RGB 107 132 137	#6B8489
50.0%	50.0% #82979C	RGB 130 151 156	#82979C
66.7%	66.7% #99AAAE	RGB 153 170 174	#99AAAE
83.3%	83.3% #B0BDC0	RGB 176 189 192	#B0BDC0
100.0%	100.0% #C7D0D3	RGB 199 208 211	#C7D0D3

#3E5E65 #547177 #6B8489 #82979C #99AAAE #B0BDC0 #C7D0D3

#3E5E65 - #C7D0D3

HSV Blend

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

0.0%	0.0% #3E5E65	RGB 62 94 101	#3E5E65
16.7%	16.7% #4F6F77	RGB 79 111 119	#4F6F77
33.3%	33.3% #638189	RGB 99 129 137	#638189
50.0%	50.0% #79949C	RGB 121 148 156	#79949C
66.7%	66.7% #91A7AE	RGB 145 167 174	#91A7AE
83.3%	83.3% #ABBBC0	RGB 171 187 192	#ABBBC0
100.0%	100.0% #C7D0D3	RGB 199 208 211	#C7D0D3

#3E5E65 #4F6F77 #638189 #79949C #91A7AE #ABBBC0 #C7D0D3

#3E5E65 - #79949C - #C7D0D3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E65 0%, #79949C 50%, #C7D0D3 100%);
    background: -webkit-linear-gradient(top, #3E5E65 0%, #79949C 50%, #C7D0D3 100%);
    background: linear-gradient(to bottom, #3E5E65 0%, #79949C 50%, #C7D0D3 100%);
}
</style>