#3D4542 - #C7C9C9 | 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 #3D4542 to #C7C9C9

#3D4542 #C7C9C9

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

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

0.0%	0.0% #3D4542	RGB 61 69 66	#3D4542
16.7%	16.7% #545B58	RGB 84 91 88	#545B58
33.3%	33.3% #6B716F	RGB 107 113 111	#6B716F
50.0%	50.0% #828785	RGB 130 135 133	#828785
66.7%	66.7% #999D9C	RGB 153 157 156	#999D9C
83.3%	83.3% #B0B3B2	RGB 176 179 178	#B0B3B2
100.0%	100.0% #C7C9C9	RGB 199 201 201	#C7C9C9

#3D4542 #545B58 #6B716F #828785 #999D9C #B0B3B2 #C7C9C9

#3D4542 - #C7C9C9

HSV Blend

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

0.0%	0.0% #3D4542	RGB 61 69 66	#3D4542
16.7%	16.7% #525B58	RGB 82 91 88	#525B58
33.3%	33.3% #67716E	RGB 103 113 110	#67716E
50.0%	50.0% #7E8785	RGB 126 135 133	#7E8785
66.7%	66.7% #959D9C	RGB 149 157 156	#959D9C
83.3%	83.3% #AEB3B2	RGB 174 179 178	#AEB3B2
100.0%	100.0% #C7C9C9	RGB 199 201 201	#C7C9C9

#3D4542 #525B58 #67716E #7E8785 #959D9C #AEB3B2 #C7C9C9

#3D4542 - #7E8785 - #C7C9C9

CSS codes

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

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