#3C080F - #823128 | 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 #3C080F to #823128

#3C080F #823128

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

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

0.0%	0.0% #3C080F	RGB 60 8 15	#3C080F
16.7%	16.7% #470E13	RGB 71 14 19	#470E13
33.3%	33.3% #531517	RGB 83 21 23	#531517
50.0%	50.0% #5F1C1B	RGB 95 28 27	#5F1C1B
66.7%	66.7% #6A231F	RGB 106 35 31	#6A231F
83.3%	83.3% #762A23	RGB 118 42 35	#762A23
100.0%	100.0% #823128	RGB 130 49 40	#823128

#3C080F #470E13 #531517 #5F1C1B #6A231F #762A23 #823128

#3C080F - #823128

HSV Blend

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

0.0%	0.0% #3C080F	RGB 60 8 15	#3C080F
16.7%	16.7% #470B11	RGB 71 11 17	#470B11
33.3%	33.3% #530F13	RGB 83 15 19	#530F13
50.0%	50.0% #5F1416	RGB 95 20 22	#5F1416
66.7%	66.7% #6A1C1A	RGB 106 28 26	#6A1C1A
83.3%	83.3% #762620	RGB 118 38 32	#762620
100.0%	100.0% #823128	RGB 130 49 40	#823128

#3C080F #470B11 #530F13 #5F1416 #6A1C1A #762620 #823128

#3C080F - #5F1416 - #823128

CSS codes

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

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