#1F130E - #614A3E | 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 #1F130E to #614A3E

#1F130E #614A3E

Calculate the color between two colors, #1F130E and #614A3E. 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)

#1F130E - #614A3E | 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 #1F130E as 0% and #614A3E as 100%.

0.0%	0.0% #1F130E	RGB 31 19 14	#1F130E
16.7%	16.7% #2A1C16	RGB 42 28 22	#2A1C16
33.3%	33.3% #35251E	RGB 53 37 30	#35251E
50.0%	50.0% #402E26	RGB 64 46 38	#402E26
66.7%	66.7% #4B372E	RGB 75 55 46	#4B372E
83.3%	83.3% #564036	RGB 86 64 54	#564036
100.0%	100.0% #614A3E	RGB 97 74 62	#614A3E

#1F130E #2A1C16 #35251E #402E26 #4B372E #564036 #614A3E

#1F130E - #614A3E

HSV Blend

#1F130E - #614A3E | 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 #1F130E as 0% and #614A3E as 100%.

0.0%	0.0% #1F130E	RGB 31 19 14	#1F130E
16.7%	16.7% #2A1A14	RGB 42 26 20	#2A1A14
33.3%	33.3% #35231B	RGB 53 35 27	#35231B
50.0%	50.0% #402C22	RGB 64 44 34	#402C22
66.7%	66.7% #4B352B	RGB 75 53 43	#4B352B
83.3%	83.3% #563F34	RGB 86 63 52	#563F34
100.0%	100.0% #614A3E	RGB 97 74 62	#614A3E

#1F130E #2A1A14 #35231B #402C22 #4B352B #563F34 #614A3E

#1F130E - #402C22 - #614A3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F130E 0%, #402C22 50%, #614A3E 100%);
    background: -webkit-linear-gradient(top, #1F130E 0%, #402C22 50%, #614A3E 100%);
    background: linear-gradient(to bottom, #1F130E 0%, #402C22 50%, #614A3E 100%);
}
</style>