#3D5E5A - #C7D1CF | 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 #3D5E5A to #C7D1CF

#3D5E5A #C7D1CF

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

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

0.0%	0.0% #3D5E5A	RGB 61 94 90	#3D5E5A
16.7%	16.7% #54716D	RGB 84 113 109	#54716D
33.3%	33.3% #6B8481	RGB 107 132 129	#6B8481
50.0%	50.0% #829794	RGB 130 151 148	#829794
66.7%	66.7% #99AAA8	RGB 153 170 168	#99AAA8
83.3%	83.3% #B0BDBB	RGB 176 189 187	#B0BDBB
100.0%	100.0% #C7D1CF	RGB 199 209 207	#C7D1CF

#3D5E5A #54716D #6B8481 #829794 #99AAA8 #B0BDBB #C7D1CF

#3D5E5A - #C7D1CF

HSV Blend

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

0.0%	0.0% #3D5E5A	RGB 61 94 90	#3D5E5A
16.7%	16.7% #4F716C	RGB 79 113 108	#4F716C
33.3%	33.3% #63847F	RGB 99 132 127	#63847F
50.0%	50.0% #799792	RGB 121 151 146	#799792
66.7%	66.7% #91AAA6	RGB 145 170 166	#91AAA6
83.3%	83.3% #ABBDBA	RGB 171 189 186	#ABBDBA
100.0%	100.0% #C7D1CF	RGB 199 209 207	#C7D1CF

#3D5E5A #4F716C #63847F #799792 #91AAA6 #ABBDBA #C7D1CF

#3D5E5A - #799792 - #C7D1CF

CSS codes

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

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