#3C150F - #843C4C | 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 #3C150F to #843C4C

#3C150F #843C4C

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

#3C150F - #843C4C | 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 #3C150F as 0% and #843C4C as 100%.

0.0%	0.0% #3C150F	RGB 60 21 15	#3C150F
16.7%	16.7% #481B19	RGB 72 27 25	#481B19
33.3%	33.3% #542223	RGB 84 34 35	#542223
50.0%	50.0% #60282D	RGB 96 40 45	#60282D
66.7%	66.7% #6C2F37	RGB 108 47 55	#6C2F37
83.3%	83.3% #783541	RGB 120 53 65	#783541
100.0%	100.0% #843C4C	RGB 132 60 76	#843C4C

#3C150F #481B19 #542223 #60282D #6C2F37 #783541 #843C4C

#3C150F - #843C4C

HSV Blend

#3C150F - #843C4C | 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 #3C150F as 0% and #843C4C as 100%.

0.0%	0.0% #3C150F	RGB 60 21 15	#3C150F
16.7%	16.7% #481814	RGB 72 24 20	#481814
33.3%	33.3% #541B1A	RGB 84 27 26	#541B1A
50.0%	50.0% #602124	RGB 96 33 36	#602124
66.7%	66.7% #6C2930	RGB 108 41 48	#6C2930
83.3%	83.3% #78323D	RGB 120 50 61	#78323D
100.0%	100.0% #843C4C	RGB 132 60 76	#843C4C

#3C150F #481814 #541B1A #602124 #6C2930 #78323D #843C4C

#3C150F - #602124 - #843C4C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C150F 0%, #602124 50%, #843C4C 100%);
    background: -webkit-linear-gradient(top, #3C150F 0%, #602124 50%, #843C4C 100%);
    background: linear-gradient(to bottom, #3C150F 0%, #602124 50%, #843C4C 100%);
}
</style>