#3E3C18 - #C7C7BD | 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 #3E3C18 to #C7C7BD

#3E3C18 #C7C7BD

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

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

0.0%	0.0% #3E3C18	RGB 62 60 24	#3E3C18
16.7%	16.7% #545333	RGB 84 83 51	#545333
33.3%	33.3% #6B6A4F	RGB 107 106 79	#6B6A4F
50.0%	50.0% #82816A	RGB 130 129 106	#82816A
66.7%	66.7% #999886	RGB 153 152 134	#999886
83.3%	83.3% #B0AFA1	RGB 176 175 161	#B0AFA1
100.0%	100.0% #C7C7BD	RGB 199 199 189	#C7C7BD

#3E3C18 #545333 #6B6A4F #82816A #999886 #B0AFA1 #C7C7BD

#3E3C18 - #C7C7BD

HSV Blend

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

0.0%	0.0% #3E3C18	RGB 62 60 24	#3E3C18
16.7%	16.7% #545228	RGB 84 82 40	#545228
33.3%	33.3% #6B6A3D	RGB 107 106 61	#6B6A3D
50.0%	50.0% #828157	RGB 130 129 87	#828157
66.7%	66.7% #999874	RGB 153 152 116	#999874
83.3%	83.3% #B0AF96	RGB 176 175 150	#B0AF96
100.0%	100.0% #C7C7BD	RGB 199 199 189	#C7C7BD

#3E3C18 #545228 #6B6A3D #828157 #999874 #B0AF96 #C7C7BD

#3E3C18 - #828157 - #C7C7BD

CSS codes

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

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