#3E4D45 - #C7CCC9 | 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 #3E4D45 to #C7CCC9

#3E4D45 #C7CCC9

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

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

0.0%	0.0% #3E4D45	RGB 62 77 69	#3E4D45
16.7%	16.7% #54625B	RGB 84 98 91	#54625B
33.3%	33.3% #6B7771	RGB 107 119 113	#6B7771
50.0%	50.0% #828C87	RGB 130 140 135	#828C87
66.7%	66.7% #99A19D	RGB 153 161 157	#99A19D
83.3%	83.3% #B0B6B3	RGB 176 182 179	#B0B6B3
100.0%	100.0% #C7CCC9	RGB 199 204 201	#C7CCC9

#3E4D45 #54625B #6B7771 #828C87 #99A19D #B0B6B3 #C7CCC9

#3E4D45 - #C7CCC9

HSV Blend

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

0.0%	0.0% #3E4D45	RGB 62 77 69	#3E4D45
16.7%	16.7% #516259	RGB 81 98 89	#516259
33.3%	33.3% #66776E	RGB 102 119 110	#66776E
50.0%	50.0% #7D8C83	RGB 125 140 131	#7D8C83
66.7%	66.7% #94A19A	RGB 148 161 154	#94A19A
83.3%	83.3% #ADB6B1	RGB 173 182 177	#ADB6B1
100.0%	100.0% #C7CCC9	RGB 199 204 201	#C7CCC9

#3E4D45 #516259 #66776E #7D8C83 #94A19A #ADB6B1 #C7CCC9

#3E4D45 - #7D8C83 - #C7CCC9

CSS codes

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

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