#3E5D5A - #C7D0CE | 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 #3E5D5A to #C7D0CE

#3E5D5A #C7D0CE

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

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

0.0%	0.0% #3E5D5A	RGB 62 93 90	#3E5D5A
16.7%	16.7% #54706D	RGB 84 112 109	#54706D
33.3%	33.3% #6B8380	RGB 107 131 128	#6B8380
50.0%	50.0% #829694	RGB 130 150 148	#829694
66.7%	66.7% #99A9A7	RGB 153 169 167	#99A9A7
83.3%	83.3% #B0BCBA	RGB 176 188 186	#B0BCBA
100.0%	100.0% #C7D0CE	RGB 199 208 206	#C7D0CE

#3E5D5A #54706D #6B8380 #829694 #99A9A7 #B0BCBA #C7D0CE

#3E5D5A - #C7D0CE

HSV Blend

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

0.0%	0.0% #3E5D5A	RGB 62 93 90	#3E5D5A
16.7%	16.7% #50706C	RGB 80 112 108	#50706C
33.3%	33.3% #64837F	RGB 100 131 127	#64837F
50.0%	50.0% #7A9691	RGB 122 150 145	#7A9691
66.7%	66.7% #91A9A5	RGB 145 169 165	#91A9A5
83.3%	83.3% #ABBCB9	RGB 171 188 185	#ABBCB9
100.0%	100.0% #C7D0CE	RGB 199 208 206	#C7D0CE

#3E5D5A #50706C #64837F #7A9691 #91A9A5 #ABBCB9 #C7D0CE

#3E5D5A - #7A9691 - #C7D0CE

CSS codes

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

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