#6E472C - #1F140C | 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 #6E472C to #1F140C

#6E472C #1F140C

Calculate the color between two colors, #6E472C and #1F140C. 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)

#6E472C - #1F140C | 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 #6E472C as 0% and #1F140C as 100%.

0.0%	0.0% #6E472C	RGB 110 71 44	#6E472C
16.7%	16.7% #603E26	RGB 96 62 38	#603E26
33.3%	33.3% #533621	RGB 83 54 33	#533621
50.0%	50.0% #462D1C	RGB 70 45 28	#462D1C
66.7%	66.7% #392516	RGB 57 37 22	#392516
83.3%	83.3% #2C1C11	RGB 44 28 17	#2C1C11
100.0%	100.0% #1F140C	RGB 31 20 12	#1F140C

#6E472C #603E26 #533621 #462D1C #392516 #2C1C11 #1F140C

#6E472C - #1F140C

HSV Blend

#6E472C - #1F140C | 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 #6E472C as 0% and #1F140C as 100%.

0.0%	0.0% #6E472C	RGB 110 71 44	#6E472C
16.7%	16.7% #603E26	RGB 96 62 38	#603E26
33.3%	33.3% #533521	RGB 83 53 33	#533521
50.0%	50.0% #462D1B	RGB 70 45 27	#462D1B
66.7%	66.7% #392416	RGB 57 36 22	#392416
83.3%	83.3% #2C1C11	RGB 44 28 17	#2C1C11
100.0%	100.0% #1F140C	RGB 31 20 12	#1F140C

#6E472C #603E26 #533521 #462D1B #392416 #2C1C11 #1F140C

#6E472C - #462D1B - #1F140C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E472C 0%, #462D1B 50%, #1F140C 100%);
    background: -webkit-linear-gradient(top, #6E472C 0%, #462D1B 50%, #1F140C 100%);
    background: linear-gradient(to bottom, #6E472C 0%, #462D1B 50%, #1F140C 100%);
}
</style>