#612B1B - #3E1505 | 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 #612B1B to #3E1505

#612B1B #3E1505

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

#612B1B - #3E1505 | 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 #612B1B as 0% and #3E1505 as 100%.

0.0%	0.0% #612B1B	RGB 97 43 27	#612B1B
16.7%	16.7% #5B2717	RGB 91 39 23	#5B2717
33.3%	33.3% #552313	RGB 85 35 19	#552313
50.0%	50.0% #4F2010	RGB 79 32 16	#4F2010
66.7%	66.7% #491C0C	RGB 73 28 12	#491C0C
83.3%	83.3% #431808	RGB 67 24 8	#431808
100.0%	100.0% #3E1505	RGB 62 21 5	#3E1505

#612B1B #5B2717 #552313 #4F2010 #491C0C #431808 #3E1505

#612B1B - #3E1505

HSV Blend

#612B1B - #3E1505 | 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 #612B1B as 0% and #3E1505 as 100%.

0.0%	0.0% #612B1B	RGB 97 43 27	#612B1B
16.7%	16.7% #5B2616	RGB 91 38 22	#5B2616
33.3%	33.3% #552212	RGB 85 34 18	#552212
50.0%	50.0% #4F1E0E	RGB 79 30 14	#4F1E0E
66.7%	66.7% #491B0A	RGB 73 27 10	#491B0A
83.3%	83.3% #431807	RGB 67 24 7	#431807
100.0%	100.0% #3E1505	RGB 62 21 5	#3E1505

#612B1B #5B2616 #552212 #4F1E0E #491B0A #431807 #3E1505

#612B1B - #4F1E0E - #3E1505

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #612B1B 0%, #4F1E0E 50%, #3E1505 100%);
    background: -webkit-linear-gradient(top, #612B1B 0%, #4F1E0E 50%, #3E1505 100%);
    background: linear-gradient(to bottom, #612B1B 0%, #4F1E0E 50%, #3E1505 100%);
}
</style>