#3E3D3E - #C77E4F | 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 #3E3D3E to #C77E4F

#3E3D3E #C77E4F

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

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

0.0%	0.0% #3E3D3E	RGB 62 61 62	#3E3D3E
16.7%	16.7% #544740	RGB 84 71 64	#544740
33.3%	33.3% #6B5243	RGB 107 82 67	#6B5243
50.0%	50.0% #825D46	RGB 130 93 70	#825D46
66.7%	66.7% #996849	RGB 153 104 73	#996849
83.3%	83.3% #B0734C	RGB 176 115 76	#B0734C
100.0%	100.0% #C77E4F	RGB 199 126 79	#C77E4F

#3E3D3E #544740 #6B5243 #825D46 #996849 #B0734C #C77E4F

#3E3D3E - #C77E4F

HSV Blend

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

0.0%	0.0% #3E3D3E	RGB 62 61 62	#3E3D3E
16.7%	16.7% #544B52	RGB 84 75 82	#544B52
33.3%	33.3% #6B5461	RGB 107 84 97	#6B5461
50.0%	50.0% #825A66	RGB 130 90 102	#825A66
66.7%	66.7% #995A5F	RGB 153 90 95	#995A5F
83.3%	83.3% #B06557	RGB 176 101 87	#B06557
100.0%	100.0% #C77E4F	RGB 199 126 79	#C77E4F

#3E3D3E #544B52 #6B5461 #825A66 #995A5F #B06557 #C77E4F

#3E3D3E - #825A66 - #C77E4F

CSS codes

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

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