#75382F - #4F1806 | 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 #75382F to #4F1806

#75382F #4F1806

Calculate the color between two colors, #75382F and #4F1806. 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)

#75382F - #4F1806 | 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 #75382F as 0% and #4F1806 as 100%.

0.0%	0.0% #75382F	RGB 117 56 47	#75382F
16.7%	16.7% #6E3228	RGB 110 50 40	#6E3228
33.3%	33.3% #682D21	RGB 104 45 33	#682D21
50.0%	50.0% #62281A	RGB 98 40 26	#62281A
66.7%	66.7% #5B2213	RGB 91 34 19	#5B2213
83.3%	83.3% #551D0C	RGB 85 29 12	#551D0C
100.0%	100.0% #4F1806	RGB 79 24 6	#4F1806

#75382F #6E3228 #682D21 #62281A #5B2213 #551D0C #4F1806

#75382F - #4F1806

HSV Blend

#75382F - #4F1806 | 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 #75382F as 0% and #4F1806 as 100%.

0.0%	0.0% #75382F	RGB 117 56 47	#75382F
16.7%	16.7% #6E3126	RGB 110 49 38	#6E3126
33.3%	33.3% #682A1E	RGB 104 42 30	#682A1E
50.0%	50.0% #622517	RGB 98 37 23	#622517
66.7%	66.7% #5B2010	RGB 91 32 16	#5B2010
83.3%	83.3% #551B0B	RGB 85 27 11	#551B0B
100.0%	100.0% #4F1806	RGB 79 24 6	#4F1806

#75382F #6E3126 #682A1E #622517 #5B2010 #551B0B #4F1806

#75382F - #622517 - #4F1806

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #75382F 0%, #622517 50%, #4F1806 100%);
    background: -webkit-linear-gradient(top, #75382F 0%, #622517 50%, #4F1806 100%);
    background: linear-gradient(to bottom, #75382F 0%, #622517 50%, #4F1806 100%);
}
</style>