#3F0E1B - #8C3E39 | 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 #3F0E1B to #8C3E39

#3F0E1B #8C3E39

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

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

0.0%	0.0% #3F0E1B	RGB 63 14 27	#3F0E1B
16.7%	16.7% #4B1620	RGB 75 22 32	#4B1620
33.3%	33.3% #581E25	RGB 88 30 37	#581E25
50.0%	50.0% #65262A	RGB 101 38 42	#65262A
66.7%	66.7% #722E2F	RGB 114 46 47	#722E2F
83.3%	83.3% #7F3634	RGB 127 54 52	#7F3634
100.0%	100.0% #8C3E39	RGB 140 62 57	#8C3E39

#3F0E1B #4B1620 #581E25 #65262A #722E2F #7F3634 #8C3E39

#3F0E1B - #8C3E39

HSV Blend

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

0.0%	0.0% #3F0E1B	RGB 63 14 27	#3F0E1B
16.7%	16.7% #4B131F	RGB 75 19 31	#4B131F
33.3%	33.3% #581923	RGB 88 25 35	#581923
50.0%	50.0% #651F27	RGB 101 31 39	#651F27
66.7%	66.7% #72272B	RGB 114 39 43	#72272B
83.3%	83.3% #7F302F	RGB 127 48 47	#7F302F
100.0%	100.0% #8C3E39	RGB 140 62 57	#8C3E39

#3F0E1B #4B131F #581923 #651F27 #72272B #7F302F #8C3E39

#3F0E1B - #651F27 - #8C3E39

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F0E1B 0%, #651F27 50%, #8C3E39 100%);
    background: -webkit-linear-gradient(top, #3F0E1B 0%, #651F27 50%, #8C3E39 100%);
    background: linear-gradient(to bottom, #3F0E1B 0%, #651F27 50%, #8C3E39 100%);
}
</style>