#3C0E05 - #803C25 | 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 #3C0E05 to #803C25

#3C0E05 #803C25

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

#3C0E05 - #803C25 | 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 #3C0E05 as 0% and #803C25 as 100%.

0.0%	0.0% #3C0E05	RGB 60 14 5	#3C0E05
16.7%	16.7% #47150A	RGB 71 21 10	#47150A
33.3%	33.3% #521D0F	RGB 82 29 15	#521D0F
50.0%	50.0% #5E2515	RGB 94 37 21	#5E2515
66.7%	66.7% #692C1A	RGB 105 44 26	#692C1A
83.3%	83.3% #74341F	RGB 116 52 31	#74341F
100.0%	100.0% #803C25	RGB 128 60 37	#803C25

#3C0E05 #47150A #521D0F #5E2515 #692C1A #74341F #803C25

#3C0E05 - #803C25

HSV Blend

#3C0E05 - #803C25 | 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 #3C0E05 as 0% and #803C25 as 100%.

0.0%	0.0% #3C0E04	RGB 60 14 4	#3C0E04
16.7%	16.7% #471308	RGB 71 19 8	#471308
33.3%	33.3% #521A0C	RGB 82 26 12	#521A0C
50.0%	50.0% #5E2111	RGB 94 33 17	#5E2111
66.7%	66.7% #692917	RGB 105 41 23	#692917
83.3%	83.3% #74321D	RGB 116 50 29	#74321D
100.0%	100.0% #803C25	RGB 128 60 37	#803C25

#3C0E04 #471308 #521A0C #5E2111 #692917 #74321D #803C25

#3C0E05 - #5E2111 - #803C25

CSS codes

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

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