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

#3E5E58 #C7D1CF

Calculate the color between two colors, #3E5E58 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)

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

0.0%	0.0% #3E5E58	RGB 62 94 88	#3E5E58
16.7%	16.7% #54716B	RGB 84 113 107	#54716B
33.3%	33.3% #6B847F	RGB 107 132 127	#6B847F
50.0%	50.0% #829793	RGB 130 151 147	#829793
66.7%	66.7% #99AAA7	RGB 153 170 167	#99AAA7
83.3%	83.3% #B0BDBB	RGB 176 189 187	#B0BDBB
100.0%	100.0% #C7D1CF	RGB 199 209 207	#C7D1CF

#3E5E58 #54716B #6B847F #829793 #99AAA7 #B0BDBB #C7D1CF

#3E5E58 - #C7D1CF

HSV Blend

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

0.0%	0.0% #3E5E58	RGB 62 94 88	#3E5E58
16.7%	16.7% #50716A	RGB 80 113 106	#50716A
33.3%	33.3% #64847E	RGB 100 132 126	#64847E
50.0%	50.0% #7A9791	RGB 122 151 145	#7A9791
66.7%	66.7% #91AAA5	RGB 145 170 165	#91AAA5
83.3%	83.3% #ABBDBA	RGB 171 189 186	#ABBDBA
100.0%	100.0% #C7D1CF	RGB 199 209 207	#C7D1CF

#3E5E58 #50716A #64847E #7A9791 #91AAA5 #ABBDBA #C7D1CF

#3E5E58 - #7A9791 - #C7D1CF

CSS codes

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

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