#7B444C - #401714 | 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 #7B444C to #401714

#7B444C #401714

Calculate the color between two colors, #7B444C and #401714. 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)

#7B444C - #401714 | 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 #7B444C as 0% and #401714 as 100%.

0.0%	0.0% #7B444C	RGB 123 68 76	#7B444C
16.7%	16.7% #713C42	RGB 113 60 66	#713C42
33.3%	33.3% #673539	RGB 103 53 57	#673539
50.0%	50.0% #5D2D30	RGB 93 45 48	#5D2D30
66.7%	66.7% #532626	RGB 83 38 38	#532626
83.3%	83.3% #491E1D	RGB 73 30 29	#491E1D
100.0%	100.0% #401714	RGB 64 23 20	#401714

#7B444C #713C42 #673539 #5D2D30 #532626 #491E1D #401714

#7B444C - #401714

HSV Blend

#7B444C - #401714 | 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 #7B444C as 0% and #401714 as 100%.

0.0%	0.0% #7B444B	RGB 123 68 75	#7B444B
16.7%	16.7% #713A40	RGB 113 58 64	#713A40
33.3%	33.3% #673034	RGB 103 48 52	#673034
50.0%	50.0% #5D282A	RGB 93 40 42	#5D282A
66.7%	66.7% #532021	RGB 83 32 33	#532021
83.3%	83.3% #491B1A	RGB 73 27 26	#491B1A
100.0%	100.0% #401714	RGB 64 23 20	#401714

#7B444B #713A40 #673034 #5D282A #532021 #491B1A #401714

#7B444C - #5D282A - #401714

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B444B 0%, #5D282A 50%, #401714 100%);
    background: -webkit-linear-gradient(top, #7B444B 0%, #5D282A 50%, #401714 100%);
    background: linear-gradient(to bottom, #7B444B 0%, #5D282A 50%, #401714 100%);
}
</style>