#612A13 - #1B0B05 | 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 #612A13 to #1B0B05

#612A13 #1B0B05

Calculate the color between two colors, #612A13 and #1B0B05. 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)

#612A13 - #1B0B05 | 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 #612A13 as 0% and #1B0B05 as 100%.

0.0%	0.0% #612A13	RGB 97 42 19	#612A13
16.7%	16.7% #552410	RGB 85 36 16	#552410
33.3%	33.3% #491F0E	RGB 73 31 14	#491F0E
50.0%	50.0% #3E1A0C	RGB 62 26 12	#3E1A0C
66.7%	66.7% #321509	RGB 50 21 9	#321509
83.3%	83.3% #261007	RGB 38 16 7	#261007
100.0%	100.0% #1B0B05	RGB 27 11 5	#1B0B05

#612A13 #552410 #491F0E #3E1A0C #321509 #261007 #1B0B05

#612A13 - #1B0B05

HSV Blend

#612A13 - #1B0B05 | 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 #612A13 as 0% and #1B0B05 as 100%.

0.0%	0.0% #612A13	RGB 97 42 19	#612A13
16.7%	16.7% #552410	RGB 85 36 16	#552410
33.3%	33.3% #491F0E	RGB 73 31 14	#491F0E
50.0%	50.0% #3E1A0B	RGB 62 26 11	#3E1A0B
66.7%	66.7% #321409	RGB 50 20 9	#321409
83.3%	83.3% #260F07	RGB 38 15 7	#260F07
100.0%	100.0% #1B0B05	RGB 27 11 5	#1B0B05

#612A13 #552410 #491F0E #3E1A0B #321409 #260F07 #1B0B05

#612A13 - #3E1A0B - #1B0B05

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #612A13 0%, #3E1A0B 50%, #1B0B05 100%);
    background: -webkit-linear-gradient(top, #612A13 0%, #3E1A0B 50%, #1B0B05 100%);
    background: linear-gradient(to bottom, #612A13 0%, #3E1A0B 50%, #1B0B05 100%);
}
</style>