#3A393B - #C47C54 | 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 #3A393B to #C47C54

#3A393B #C47C54

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

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

0.0%	0.0% #3A393B	RGB 58 57 59	#3A393B
16.7%	16.7% #51443F	RGB 81 68 63	#51443F
33.3%	33.3% #684F43	RGB 104 79 67	#684F43
50.0%	50.0% #7F5A47	RGB 127 90 71	#7F5A47
66.7%	66.7% #96654B	RGB 150 101 75	#96654B
83.3%	83.3% #AD704F	RGB 173 112 79	#AD704F
100.0%	100.0% #C47C54	RGB 196 124 84	#C47C54

#3A393B #51443F #684F43 #7F5A47 #96654B #AD704F #C47C54

#3A393B - #C47C54

HSV Blend

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

0.0%	0.0% #3A393B	RGB 58 57 59	#3A393B
16.7%	16.7% #4F4751	RGB 79 71 81	#4F4751
33.3%	33.3% #685266	RGB 104 82 102	#685266
50.0%	50.0% #7F586E	RGB 127 88 110	#7F586E
66.7%	66.7% #965B6A	RGB 150 91 106	#965B6A
83.3%	83.3% #AD5D59	RGB 173 93 89	#AD5D59
100.0%	100.0% #C47C54	RGB 196 124 84	#C47C54

#3A393B #4F4751 #685266 #7F586E #965B6A #AD5D59 #C47C54

#3A393B - #7F586E - #C47C54

CSS codes

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

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