#3C151F - #8F4940 | 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 #3C151F to #8F4940

#3C151F #8F4940

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

#3C151F - #8F4940 | 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 #3C151F as 0% and #8F4940 as 100%.

0.0%	0.0% #3C151F	RGB 60 21 31	#3C151F
16.7%	16.7% #491D24	RGB 73 29 36	#491D24
33.3%	33.3% #57262A	RGB 87 38 42	#57262A
50.0%	50.0% #652F2F	RGB 101 47 47	#652F2F
66.7%	66.7% #733735	RGB 115 55 53	#733735
83.3%	83.3% #81403A	RGB 129 64 58	#81403A
100.0%	100.0% #8F4940	RGB 143 73 64	#8F4940

#3C151F #491D24 #57262A #652F2F #733735 #81403A #8F4940

#3C151F - #8F4940

HSV Blend

#3C151F - #8F4940 | 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 #3C151F as 0% and #8F4940 as 100%.

0.0%	0.0% #3C141F	RGB 60 20 31	#3C141F
16.7%	16.7% #491B24	RGB 73 27 36	#491B24
33.3%	33.3% #572128	RGB 87 33 40	#572128
50.0%	50.0% #65282C	RGB 101 40 44	#65282C
66.7%	66.7% #732F30	RGB 115 47 48	#732F30
83.3%	83.3% #813B37	RGB 129 59 55	#813B37
100.0%	100.0% #8F4940	RGB 143 73 64	#8F4940

#3C141F #491B24 #572128 #65282C #732F30 #813B37 #8F4940

#3C151F - #65282C - #8F4940

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C141F 0%, #65282C 50%, #8F4940 100%);
    background: -webkit-linear-gradient(top, #3C141F 0%, #65282C 50%, #8F4940 100%);
    background: linear-gradient(to bottom, #3C141F 0%, #65282C 50%, #8F4940 100%);
}
</style>