#3D3B32 - #C7C7C4 | 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 #3D3B32 to #C7C7C4

#3D3B32 #C7C7C4

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

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

0.0%	0.0% #3D3B32	RGB 61 59 50	#3D3B32
16.7%	16.7% #54524A	RGB 84 82 74	#54524A
33.3%	33.3% #6B6962	RGB 107 105 98	#6B6962
50.0%	50.0% #82817B	RGB 130 129 123	#82817B
66.7%	66.7% #999893	RGB 153 152 147	#999893
83.3%	83.3% #B0AFAB	RGB 176 175 171	#B0AFAB
100.0%	100.0% #C7C7C4	RGB 199 199 196	#C7C7C4

#3D3B32 #54524A #6B6962 #82817B #999893 #B0AFAB #C7C7C4

#3D3B32 - #C7C7C4

HSV Blend

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

0.0%	0.0% #3D3B32	RGB 61 59 50	#3D3B32
16.7%	16.7% #545247	RGB 84 82 71	#545247
33.3%	33.3% #6B695D	RGB 107 105 93	#6B695D
50.0%	50.0% #828075	RGB 130 128 117	#828075
66.7%	66.7% #99988E	RGB 153 152 142	#99988E
83.3%	83.3% #B0AFA8	RGB 176 175 168	#B0AFA8
100.0%	100.0% #C7C7C4	RGB 199 199 196	#C7C7C4

#3D3B32 #545247 #6B695D #828075 #99988E #B0AFA8 #C7C7C4

#3D3B32 - #828075 - #C7C7C4

CSS codes

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

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