#3E3C3E - #C67D4F | 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 #3E3C3E to #C67D4F

#3E3C3E #C67D4F

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

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

0.0%	0.0% #3E3C3E	RGB 62 60 62	#3E3C3E
16.7%	16.7% #544640	RGB 84 70 64	#544640
33.3%	33.3% #6B5143	RGB 107 81 67	#6B5143
50.0%	50.0% #825C46	RGB 130 92 70	#825C46
66.7%	66.7% #986749	RGB 152 103 73	#986749
83.3%	83.3% #AF724C	RGB 175 114 76	#AF724C
100.0%	100.0% #C67D4F	RGB 198 125 79	#C67D4F

#3E3C3E #544640 #6B5143 #825C46 #986749 #AF724C #C67D4F

#3E3C3E - #C67D4F

HSV Blend

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

0.0%	0.0% #3E3C3E	RGB 62 60 62	#3E3C3E
16.7%	16.7% #544952	RGB 84 73 82	#544952
33.3%	33.3% #6B5360	RGB 107 83 96	#6B5360
50.0%	50.0% #825865	RGB 130 88 101	#825865
66.7%	66.7% #98595E	RGB 152 89 94	#98595E
83.3%	83.3% #AF6456	RGB 175 100 86	#AF6456
100.0%	100.0% #C67D4F	RGB 198 125 79	#C67D4F

#3E3C3E #544952 #6B5360 #825865 #98595E #AF6456 #C67D4F

#3E3C3E - #825865 - #C67D4F

CSS codes

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

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