#944444 - #69190C | 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 #944444 to #69190C

#944444 #69190C

Calculate the color between two colors, #944444 and #69190C. 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)

#944444 - #69190C | 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 #944444 as 0% and #69190C as 100%.

0.0%	0.0% #944444	RGB 148 68 68	#944444
16.7%	16.7% #8C3C3A	RGB 140 60 58	#8C3C3A
33.3%	33.3% #853531	RGB 133 53 49	#853531
50.0%	50.0% #7E2E28	RGB 126 46 40	#7E2E28
66.7%	66.7% #77271E	RGB 119 39 30	#77271E
83.3%	83.3% #702015	RGB 112 32 21	#702015
100.0%	100.0% #69190C	RGB 105 25 12	#69190C

#944444 #8C3C3A #853531 #7E2E28 #77271E #702015 #69190C

#944444 - #69190C

HSV Blend

#944444 - #69190C | 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 #944444 as 0% and #69190C as 100%.

0.0%	0.0% #944444	RGB 148 68 68	#944444
16.7%	16.7% #8C3A38	RGB 140 58 56	#8C3A38
33.3%	33.3% #85322E	RGB 133 50 46	#85322E
50.0%	50.0% #7E2A24	RGB 126 42 36	#7E2A24
66.7%	66.7% #77231B	RGB 119 35 27	#77231B
83.3%	83.3% #701E13	RGB 112 30 19	#701E13
100.0%	100.0% #69190C	RGB 105 25 12	#69190C

#944444 #8C3A38 #85322E #7E2A24 #77231B #701E13 #69190C

#944444 - #7E2A24 - #69190C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #944444 0%, #7E2A24 50%, #69190C 100%);
    background: -webkit-linear-gradient(top, #944444 0%, #7E2A24 50%, #69190C 100%);
    background: linear-gradient(to bottom, #944444 0%, #7E2A24 50%, #69190C 100%);
}
</style>