#3C0F0E - #834134 | 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 #3C0F0E to #834134

#3C0F0E #834134

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

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

0.0%	0.0% #3C0F0E	RGB 60 15 14	#3C0F0E
16.7%	16.7% #471714	RGB 71 23 20	#471714
33.3%	33.3% #531F1A	RGB 83 31 26	#531F1A
50.0%	50.0% #5F2821	RGB 95 40 33	#5F2821
66.7%	66.7% #6B3027	RGB 107 48 39	#6B3027
83.3%	83.3% #77382D	RGB 119 56 45	#77382D
100.0%	100.0% #834134	RGB 131 65 52	#834134

#3C0F0E #471714 #531F1A #5F2821 #6B3027 #77382D #834134

#3C0F0E - #834134

HSV Blend

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

0.0%	0.0% #3C0F0E	RGB 60 15 14	#3C0F0E
16.7%	16.7% #471512	RGB 71 21 18	#471512
33.3%	33.3% #531C18	RGB 83 28 24	#531C18
50.0%	50.0% #5F241E	RGB 95 36 30	#5F241E
66.7%	66.7% #6B2D24	RGB 107 45 36	#6B2D24
83.3%	83.3% #77362C	RGB 119 54 44	#77362C
100.0%	100.0% #834134	RGB 131 65 52	#834134

#3C0F0E #471512 #531C18 #5F241E #6B2D24 #77362C #834134

#3C0F0E - #5F241E - #834134

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C0F0E 0%, #5F241E 50%, #834134 100%);
    background: -webkit-linear-gradient(top, #3C0F0E 0%, #5F241E 50%, #834134 100%);
    background: linear-gradient(to bottom, #3C0F0E 0%, #5F241E 50%, #834134 100%);
}
</style>